`

[发布]GT-Grid 1.36 版 ★& "前后台结合示例"★2008-12-01 12AM 更新

阅读更多
(最后更新时间 :12月1日 中午12点时, 修正了 1.36的一个严重bug
实在抱歉啊   )


这个版本应该是 2008年的倒数第二个版本,08年的最后一个版本应该是对该版本的一个修正版.

要感谢的人太多,但是大恩不言谢,所以感激的话我就不多说了,只说一句:
谢谢那些支持我的朋友, 是你们让我坚持下去.

只要你们还需要gt-grid, 那么它就不会死.

由于各种原因 小胖儿 最近一个月几乎没有访问过qq.群 对不起群里的朋友了.
有问题大家还是到je里提吧.

ok, 下面言归正传 :
============================
这个版本带有 与java后台结合的示例.
单独的最新版本的 GT-Grid 在
引用
gtdemo\WebContent\gt-grid
下.

============================
新版本的变更:

功能:
过滤/未过滤标识  (过滤时 过滤图标有颜色, 未过滤为灰色. 目前只标识出是否过滤 未标识出具体列)
通过shift 选中连续行

属性:
grid config/property :{
  reloadAfterSave  : true , //  如果保存后,不希望重新载入数据, 请将此属性设置为 false, 默认为true
  readOnly : false ,        // 如果不希望列表被编辑, 请设置此属性为 true , 默认为false
  customRowAttribute : function(record,rn,grid)  // 设置行的 tr对象的属性, 返回值为字符串. 见 demo.html中的示例. 可用来实现行渲染.
}


方法:
grid.getColumn(colNoId) // 通过列序号 或 id 取得列对象
columnObj.setHeader('列头新标题')  // 设置列的列头标题.


事件:
grid.afterSave(respD,isSuccess,grid). // save操作之后执行,  参数1 为save后 服务端返回的数据, 参数2为保存是否成功, 参数3为列表对象.

bug:
编辑记录时 定位错误(窜行问题) (ok)
编辑时,按Tab键 自动编辑下一个单元格 时有错误 (ok)
列表初始无数据时 ,按回车 报js错(ok)

其他:
新的点击事件命名规则:  on+ Cell/Row + Click/DblClick.(ok)
重构 "单击/双击/右击 + 单元格/行" 相关处理 (ok)

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

关于GT的更多介绍可以参加下面地址:
列表组件 GT-Grid 最新版本 & 教程


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

如果只对 gt-grid 感兴趣
那么您只需关注 包中gtdemo\WebContent\gt-grid 下的内容
另外 大家注意一下 里面的这个文件 api_document.txt

虽然还很粗糙 但是 比以前已经完善了很多 ,已经可以作为一个简单的参考了

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

这个例子 主要演示了 gt-grid与后台结合的方法.
请大家重点看action 里是如何从客户端取数据 以及如何向客户端送数据的

而其他地方 例如action如何实现的 , dao层是如何实现的 等等不是大家要看的重点.

dao层只要能返回一个 数据集合 并且这个集合能够转换成json字符串
那么dao层怎么实现 完全按你自己的意愿来.

这个示例中提供了一个 GridServerHandler的工具类, 建议看看这个类的实现方法
这样能更好的理解 gt-grid和后台交互的方式以及原理.

整个示例的后台代码 我没有使用任何第三方框架 所以难免粗糙 还请大家海涵.

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

运行步骤
1 部署后, 运行 startdb.bat 启动数据库
* h2manager.bat是一个h2db提供的数据库管理程序.

2 启动web应用
3 在浏览器里输入 http://127.0.0.1:8080/gtdemo/index.do
(地址根据实际情况而定),进入"示例列表"页面

4 目前"示例列表"中有三个示例.
您可以点击您感兴趣的进行查看和研究.

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


注意: 附件并不是一个直接部署的war包 而是一个eclipse项目

不过我相信有经验的朋友可以很轻易的就部署成功




39
7
分享到:
评论
26 楼 xiaohui6636 2008-12-08  

fins:
今天遇到个问题...我的grid里面的每一行上都有一个(50*50)大小的图片单元格...
但图片不能全部显示出来...我查了一些文档...并在群里讨论...最终还是未能解决...
希望fins能给点提示...
25 楼 shiren1118 2008-12-05  
heihei
24 楼 wfl8015 2008-12-04  
胖哥:
  当浏览器出现滚动条时,调整gt表格整体的宽度或高度时,表格的阴影定位就是出现误差,可能是计算时没有考虑窗口已经滚动的高度或宽度。当gt表格已经调整到足够小,以至于窗口可以容纳所有gt表格内容时,窗口的滚动条也不消失,可能是gt表格最外层div(因为它是不可见层)的高度与宽度设置不对。胖哥测试一下,看是否有此bug。
页面是放在frame中的。
23 楼 wfl8015 2008-12-04  
胖哥:
当浏览器出现滚动条时,调整gt表格整体的宽度或高度时,表格的阴影定位就是出现误差,可能是计算时没有考虑窗口已经滚动的高度或宽度。当gt表格已经调整到足够小,以至于窗口可以容纳所有gt表格内容时,窗口的滚动条也不消失,可能是gt表格最外层div(因为它是不可见层)的高度与宽度设置不对。胖哥测试一下,看是否有此bug。
22 楼 ym1981 2008-12-04  
如果做一个像ntbGrid一样的粘贴EXCEL的功能就好了
21 楼 cats_tiger 2008-12-03  
小胖,还是开源吧,偶很想用~~~~~~~>_<~~~~~~~~~~
20 楼 xieguyue 2008-12-03  
fins 写道

xieguyue 写道
小胖,我通过 grid.checkedRows 取得所有被选中的行,为什么我设了fieldName:'id',取到的值还是行号而不是id呢?而且我通过行号调用这个方法grid.getRecord(id),不同的id得到的都是同一条记录,请问怎么解决?谢谢。 grid.getRecord(id)方法的参数 是行号或者是tr对象 checkedRows 的问题你能不能把代码发来看看

colsConfig:
var colsConfig = [
		{id: 'sequenceId' ,isCheckColumn : true, filterable : false, header: "", title: "全选" ,fieldName:'sequenceId'},
		{id: 'ruleName' , header: "规则名称" , width :120 }

 ];

js方法:
function testCheck(){
	var ids="";
	var idsobj=GT.$json(grid_rule.checkedRows );
	alert(idsobj);
	for(var id in idsobj){
		var record=grid_rule.getRecord(id);
		alert(record['ruleName']);
		var s=record['sequenceId']
		ids=ids+s+",";
	}
	alert(ids);
	
}

比如我选中第一和第二条记录,alert出来的结果是{"0":true,"1":true}.而不是fieldName的值
19 楼 fins 2008-12-03  
kerrxu 写道

前一段时间说的有主从表的时候,过滤选项窗口显示不全的问题还在


下一个版本将修正这个bug
18 楼 fins 2008-12-03  
zhao_j_long 写道

提问:看了API和例子,只有一个insert函数可以调用.我想用在表单输入中,主表信息在文本框中,grid用来保存明细.先让用户在表单中输入商品信息,数量,单价.然后点击添加明细按钮,把数据加入在Grid中.用户可以删除信息,最后点击保存后,把主表和grid信息一起传到服务器.需要grid的insert,delete,save的上函数调用,不知怎么用.


grid.insert(record)
grid.del(tr)
grid.save()

这三个方法都是有的
17 楼 fins 2008-12-03  
xieguyue 写道

小胖,我通过 grid.checkedRows 取得所有被选中的行,为什么我设了fieldName:'id',取到的值还是行号而不是id呢?而且我通过行号调用这个方法grid.getRecord(id),不同的id得到的都是同一条记录,请问怎么解决?谢谢。


grid.getRecord(id)方法的参数 是行号或者是tr对象

checkedRows 的问题你能不能把代码发来看看


16 楼 zhao_j_long 2008-12-02  
提问:
看了API和例子,只有一个insert函数可以调用.
我想用在表单输入中,主表信息在文本框中,grid用来保存明细.先让用户在表单中输入商品信息,数量,单价.然后点击添加明细按钮,把数据加入在Grid中.用户可以删除信息,最后点击保存后,把主表和grid信息一起传到服务器.

需要grid的insert,delete,save的上函数调用,不知怎么用.
15 楼 fins 2008-12-02  
jiajian_22 写道

请问你那个性别列,是不是不要归在一起,修改某一个得时候不好弄。

那个只是一个示例

在实际应用中 是否编组 取决于你的需求

而且 目前 编组列 和 编辑功能 之间的关系处理的确实不好

建议 允许编辑的列 不要进行编组
14 楼 xieguyue 2008-12-02  
小胖,我通过 grid.checkedRows 取得所有被选中的行,为什么我设了fieldName:'id',取到的值还是行号而不是id呢?而且我通过行号调用这个方法grid.getRecord(id),不同的id得到的都是同一条记录,请问怎么解决?谢谢。
13 楼 jiajian_22 2008-12-02  
请问你那个性别列,是不是不要归在一起,修改某一个得时候不好弄。
12 楼 kerrxu 2008-12-02  
前一段时间说的有主从表的时候,过滤选项窗口显示不全的问题还在
11 楼 ahmanz 2008-12-01  
我们的项目也用上了,很方便,很舒服,多谢小胖多次不辞辛苦不辞劳烦的帮助,多谢。
10 楼 donghx 2008-12-01  
我已经用到项目里面了,谢谢小胖,支持你
9 楼 fins 2008-12-01  
zhzg605 写道

胖哥,下午什么时候能发布修订后的版本啊?

已经发布了 就在主贴里
8 楼 zhzg605 2008-12-01  
胖哥,下午什么时候能发布修订后的版本啊?
7 楼 fins 2008-12-01  
谢谢你的报告 确实是我的错误

bug已经修复 并且发布了
请下载 谢谢


P.S.: 别叫我专家了 , 我真的不是专家   

相关推荐

Global site tag (gtag.js) - Google Analytics