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

fins

浏览: 2630395 次
性别:
来自: 小胖儿的大城

最近访客更多访客>>

快了的男孩

sagadan

fancycat

u012363178

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

GT-Grid

EXT json JavaScript IE JSP

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

分享到：

一个语法着色工具 | 向chrome致敬,但不是因为它有多出色

2008-09-08 14:10
浏览 4259
评论(45)
论坛回复 / 浏览 (45 / 12274)
查看更多

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类似

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论