`

[发布] GT-Grid 1.15 版 (080908发布) ★

阅读更多
GT-Grid 1.15版 说明文档.

这篇文档主要说明一些这个版本的变化(新增功能 新特性)


========================================
这个版本照例修正了一些bug 同时增加了一些小功能
这些小功能主要是通过api方面的改造,让大家用起来更顺手一些.
另外尝试了一下 与 ext的结合

========================================

下面结合示例来做一下说明.

我们在围绕列表开发时 常常有这样的需求.

一个页面, 上方是查询表单, 下面是列表. 初始情况下,表单是空的.
在表单中输入一些查询条件后,点击查询按钮,然后列表才出现响应的信息.

示例 mydemo_for_1.15.html 就演示了这样的场景.

大家需要注意的是如下内容:

首先 "初始情况下,表单是空的" 这个需求通过 grid的 autoLoad属性来实现.
当该属性为false时, 列表第一次显示时 不会出现数据.

其次, 在这个版本里增加了 grid.query 方法. 用法如下:

 grid.query(params)


其中 params 是一个json对象, 用来作为查询条件的.
它将以 name1=value1&name2=value2&name3=value3... 的形式将参数传递给后台.
后台可以通过传统的 request.gerParameter("name") 方式来取得这些参数.
这样大家就可以灵活的来做查询操作了.
例如
 grid.query( {
  name : "abc",
  age : 27 ,
  others : [ 1,2,3 ]
  })

那么 传递到后台的 queryString 将为
name=abc&age=27&others=1&others=2&others=3

注意:  mydemo_for_1.15.html 这个示例由于只是前台的一个代码示例,
所以页面中的查询并不会真的起到查询的作用, 而只是载入一些随机生成的数据.

==============================

与 ext的结合:

这个版本可以和简单的 Ext.Panel进行结合.
也就是说 GT-Grid可以放入 Ext.Panel 的panel里了
具体的例子见
\_demo\for_ext.html

注意for_ext.html文件中下面的部分:
<!-- 请根据你机器内ext存放的位置来自行修改下面3行的内容 -->
    <link rel="stylesheet" type="text/css" href="file:/d:/mydev/ext-2.2/resources/css/ext-all.css" />
 	<script type="text/javascript" src="file:/d:/mydev/ext-2.2/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="file:/d:/mydev/ext-2.2/ext-all.js"></script>


这个与ext的融合 目前还只是一个开始, 还有很多问题, 例如不能放到window里等等.
不过 以后会努力加强这方面的兼容性的.


==============================


以上的说明不是很详细, 建议大家结合 mydemo_for_1.15.html 这个示例来看一下.


==============================


关于GT的更多介绍可以参加下面两个地址

具体文档请参见下面地址:
列表组件 GT-Grid 最新版本 & 教程

与服务端结合的例子(8月3日版本)
与服务端结合的例子
========================================


  • dist_b20080908.zip (642.7 KB)
  • 描述: 1.15版. 2008年 09月8日 最新发布
  • 下载次数: 562
分享到:
评论
25 楼 zghen 2008-09-10  
fins你好,新手向你请教下:
从客户端提交给服务端json信息如下
,{"recordType":"object","pageInfo":{"pageSize":10,"pageNum":1,"totalRowNum":0,"totalPageNum":1,"startRowNum":1,"endRowNum":10},"sortInfo":[],"filterInfo":[],"parameters":{},"action":"load"} 
随同'_gt_json'一起的columnInfo信息这里不贴上了。问题有如下:1)pageInfo中 如果自己设置startRowNum 老是报startRowNum未定义的错误,导致页面老报错;2)前台设置了 
 sortInfo : [
            {    
                columnId : "total" ,    
                fieldName : "total" ,   
                sortOrder : "asc"  
            }
			], 
但是 后台取不到sortInfo 的参数信息,filterInfo也类似。不知道是我那个地方不对,还是别的什么原因。请指点。
24 楼 fins 2008-09-10  
zhouky4665 写道
表格增加的时候id怎么没有自增么?要做成自增就比较爽了


这个是肯定不能做的
因为 增加的规则无法确定
而且 同一时间可能有多个人来操作这个列表

所以ID还是需要在后台利用更严谨的方式来生成
23 楼 fins 2008-09-10  
javafane 写道
gt-grid的bug很多,这是国产软件的通病。


有很多bug确实

但是还不至于影响到使用

毕竟已经有很多朋友将它应用到实际项目中了

你能否举一些例子??

22 楼 javafane 2008-09-10  
gt-grid的bug很多,这是国产软件的通病。
21 楼 zhouky4665 2008-09-10  
表格增加的时候id怎么没有自增么?要做成自增就比较爽了
20 楼 finalbone 2008-09-10  
GT-Grid做的不错,初次试用,试图结合webwork但是遇到问题了~

json数据部分静态的没问题,替换成webwork组装的就不行了~

var mygrid=new GT.Grid( gridConfig );


这一行报错,找不到对象~

不知道是不支持这种用法还是我没写对,请fins解答一下 谢谢!

<%@ page contentType="text/html; charset=GBK"%>
<%@ include file="../common/init.jsp"%>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" content="no-cache" />
<title>GT-Grid</title>

<link rel="stylesheet" type="text/css" href="../gt-grid/gt_grid.css" />
<script type="text/javascript" src="../gt-grid/gt_msg_cn_gbk.js"></script>
<script type="text/javascript" src="../gt-grid/gt_grid_all.js"></script>

<script type="text/javascript" >

<ww:set name='testList' value='testList'/>

var data1 = [
<ww:if test="#testList != null && #testList.size > 0">
  <ww:iterator value="#testList" status="i">
    {c0 : '<ww:property value="#i.count" />', 
     c1 : '<ww:property value="top[0]" />', 
     c2 : '<ww:property value="top[1]" />'},
  </ww:iterator>
</ww:if>
];

var dsConfig= {
  data : data1 ,
  fields :[
    {name : 'c0'},
    {name : 'c1'},
    {name : 'c2'}
  ]
};

var colsConfig = [
    { id : 'c0' , header : '序号' },
    { id : 'c1' , header : '编号' },
    { id : 'c2' , header : '名称' }
];

var gridConfig={
  id : "grid1",
  dataset : dsConfig ,
  columns : colsConfig ,
  container : 'grid1_container',
  toolbarPosition : 'bottom',
  toolbarContent : 'print',
  encoding : 'GBK'
};

var mygrid=new GT.Grid( gridConfig );
GT.U.onLoad( GT.Grid.render(mygrid) );
</script>
</head>

<body>
  <div id="grid1_container" style="width:100%;height:100%"></div>
</body>
19 楼 lsllsf 2008-09-10  
var dsConfig= {
data : data1 ,

fields :[
{name : 'no.no'     ,  type: 'int'    },
{name : 'name'      },
{name : 'age'    ,  type: 'int'    },
{name : 'gender'    },
{name : 'english',  type: 'float'  },
{name : 'math'   ,  type: 'float'  }
]
};

var colsConfig = [
{ id : 'no.no'      , header : "学号" },
{ id : 'name'    , header : "姓名" },
{ id : 'age'     , header : "年龄" },
{ id : 'gender'  , header : "性别" },
{ id : 'english' , header : "英语" },
{ id : 'math'    , header : "数学" }
];

这样写就会报错呀,no.no他不认呀.
18 楼 lsllsf 2008-09-10  
还有可不可以加个方法可以动态改变loadurl呢.
17 楼 lsllsf 2008-09-10  
查询这功能早就应该加了.还有个问题多表支持怎么作的.两个表的名字一样怎么作.只能as列吗.
16 楼 zhouky4665 2008-09-10  
fins 写道
翻页有问题吗??

为此事我已经专门发帖讨论,敬请关注:

http://fins.iteye.com/blog/239805

今天早上我找到规律了,一直按下一页,肯定会挂,我试试的最慢的第9次就挂了,最快的第4次就挂了
15 楼 rockjava 2008-09-10  
版本更新好快啊
14 楼 fins 2008-09-10  
翻页有问题吗??

为此事我已经专门发帖讨论,敬请关注:

http://fins.iteye.com/blog/239805
13 楼 zhouky4665 2008-09-09  
ie6的
我两台机子都会有这个问题,过滤和排序都有可能出现。
12 楼 fins 2008-09-09  
啊?? 这个我这边真的真的没出现啊

你们的IE版本是什么? IE装了什么插件??

我得想办法构造出和你们一样的环境 并且重现问题 才有办法啊
11 楼 luckyhero 2008-09-09  
<p>这个版本还是不够稳定,排序表头点两下IE就崩溃,经常发生的事,希望作者在关注美工效果的同时关心一下程序本身<img src='../../../../../images/smiles/icon_redface.gif' alt=''/></p>
10 楼 zhouky4665 2008-09-09  
不知道是不是我机子问题,我基本都能点出来这个错误来
9 楼 fins 2008-09-09  
目前为之 确实只有你提了这个bug
我用4台机器测试过 都没有这个问题

8 楼 zhouky4665 2008-09-09  
大家没遇到这个错误吗?
7 楼 zhouky4665 2008-09-09  
有个问题大家没发现吗?只要多在grid点一点,多操作几下,ie就报异常,自动退出。
6 楼 fins 2008-09-09  
前台是 grid.getFilterInfo
后台你可以通过 得到的 大的json串中取得
取得的方法和取pageInfo类似

相关推荐

    gt-grid的一个例子

    在这个“gt-grid的一个例子”中,我们将深入探讨如何使用`gt-grid`的基本功能,并通过实际代码示例来理解其工作原理。 首先,`gt-grid` 提供了灵活的数据绑定机制,可以方便地将后台数据源与前端表格进行对接。在...

    gt-grid demo 源码下载

    《GT-Grid 源码解析与后台交互实践》 GT-Grid 是一款功能强大的数据网格组件,广泛应用于Web应用中展示和管理大量结构化数据。本次我们将通过"gt_grid_demo"源码下载来深入理解GT-Grid的运作机制及其与后台数据交互...

    GT-Grid 1.0 基础教程

    GT-Grid 1.0 是一个强大的分布式计算框架,它为大数据处理提供了高效、灵活的解决方案。本基础教程旨在帮助初学者快速理解并掌握GT-Grid 1.0 的核心概念和基本操作,以便在实际项目中应用。下面将详细阐述GT-Grid ...

    GT-Grid 教程示例

    GT-Grid 教程示例 GT-Grid 教程示例GT-Grid 教程示例GT-Grid 教程示例

    gt-grid 表格源码,开发包,api手册

    "gt-grid 表格源码,开发包,api手册"这一资源主要涵盖了用于构建数据表格的前端组件的源代码、开发工具以及相关的API文档。gt-grid是一个强大的数据展示和操作框架,它允许开发者以灵活的方式展示和管理大量结构化...

    最新的GT-Grid vs EXT-Grid例子(超级经典)

    本篇文章将深入探讨两种流行的JavaScript表格组件——GT-Grid和EXT-Grid,并通过对比分析它们的特点、功能和使用场景,以帮助开发者选择最适合项目需求的组件。 GT-Grid与EXT-Grid都是用于构建高性能、可定制的表格...

    GT-grid 例子

    GT-Grid 是一款强大的数据网格组件,常用于前端开发中展示和操作大量结构化数据。在Web应用中,它提供了一种高效的方式来呈现表格数据,支持排序、筛选、分页、编辑等多种功能,大大提升了用户体验。这个压缩包文件...

    gt-grid.rar+demo

    "gt-grid.rar+demo"这个压缩包文件包含的是关于"gt-grid"的样例源码。"gt-grid"是一个常见的前端数据展示控件,通常用于创建高性能、可定制的表格,它在Web应用中广泛使用,特别是在大数据量的场景下。下面我们将...

    GT-Grid 是一个基于Ajax技术的列表组件

    GT-Grid 是一个基于Ajax技术的列表组件. 拥有丰富的功能以及良好易用性和用户体验. 它是 EC Side列表组件 的更新换代产品. (ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jsp...

    gt-grid 基础教程

    **gt-grid基础教程** 在网页开发中,数据的展示往往是不可或缺的部分,特别是在处理大量结构化信息时。`gt-grid`是一款由"胖哥"开发的高效、功能丰富的表格组件,专为页面展示设计,旨在帮助开发者更便捷地构建数据...

    最新版GT-grid-好用的表格组件

    【GT-grid表格组件详解】 GT-grid是一款高效、易用的前端表格组件,它在最新的版本中提供了丰富的功能,包括但不限于分页、过滤、排序等,旨在帮助开发者更好地管理和展示数据,提升用户体验。以下是对GT-grid及其...

    gt-grid 分页 用ajax 开发的 里面有例子

    在本示例中,“gt-grid 分页 用ajax 开发的 里面有例子”显然演示了如何使用`gt-grid`配合Ajax实现分页功能。 首先,我们需要理解Ajax的核心概念。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的...

    网页Grid组件 GT-Grid组件

    网页Grid组件,特别是GT-Grid组件,是Web开发中一种强大的数据展示工具,它为开发者提供了灵活、高效且功能丰富的表格解决方案。Grid组件在网页应用中扮演着至关重要的角色,用于展示结构化数据,支持排序、筛选、...

    GT-GRID插件下载

    GT-GRID是一款基于jQuery的强大的数据网格插件,主要用于展示和操作大量结构化的数据。它在Web应用中常被用于创建功能丰富的表格,提供类似数据库的分页、排序、过滤和编辑功能,使得用户可以方便地浏览和管理数据。...

    GT-Grid 1.36 版 前后台结合示例

    NULL 博文链接:https://fins.iteye.com/blog/283672

    GT-Grid 1.0 基础教程(一)转载

    ### GT-Grid 1.0 基础教程(一)——纯客户端只读列表开发详解 #### 一、教程背景与目标 本教程旨在帮助初学者快速掌握如何使用GT-Grid开发纯客户端只读列表的基本技能。对于那些对Ajax技术下的列表组件不太熟悉的...

    ag-grid社区版中文版提示

    ag-grid我没找到汉化提示的js(没仔细找),下载了官方的社区版js代码,记事本查找替换的,如果没积分可以自己搜索替换,我只改了contains(模糊查找)、not contains(模糊过滤)、equals(精确查找)、not equals...

    Draw-Grid_100_catia插件_catia车线_drawgrid_Draw-Grid下载_catia_

    标题中的“Draw-Grid_100_catia插件_catia车线_drawgrid_Draw-Grid下载_catia_”提到了几个关键元素,分别是“Draw-Grid”,“CATIA 插件”,“catia车线”以及“下载”。这表明我们要讨论的是一个用于CATIA软件的...

    ag-Grid Enterprise v19.1.1 (31 Oct 2018).7z

    ag-Grid Enterprise是一款高度可定制、高性能的数据网格组件,广泛应用于JavaScript和TypeScript项目中,为数据呈现、编辑和分析提供了强大的解决方案。v19.1.1是该组件的一个特定版本,发布于2018年10月31日。在...

    前端开源库-ag-grid-community

    - **安装**:通常通过npm或yarn进行安装,例如`npm install ag-grid-community`。 - **初始化**:在项目中引入ag-Grid,并创建数据网格实例,设置数据源和列定义。 - **文档与示例**:ag-Grid提供详尽的官方文档和...

Global site tag (gtag.js) - Google Analytics