- 浏览: 2585004 次
- 性别:
- 来自: 小胖儿的大城
文章分类
最新评论
-
ni4wangba0:
ni4wangba0 写道亲测,算法有问题。对不起,其实是我自 ...
谈谈"求线段交点"的几种算法(js实现,完整版) -
ni4wangba0:
亲测,算法有问题。
谈谈"求线段交点"的几种算法(js实现,完整版) -
kers007:
苹果不让Webapp 在appstore 里发布,我不知道对 ...
苹果真的要在 AppStore 里封杀 WebApp 吗? -
striveandlive:
fins = js大牛
[原创]GT-Template, 一个超轻量级的js模板工具. -
AlwaysYang:
基础扎实的才能行走天下。
关于body的"大小"在ie和ff下的一些基础知识
(最后更新时间 :12月1日 中午12点时, 修正了 1.36的一个严重bug
实在抱歉啊 )
这个版本应该是 2008年的倒数第二个版本,08年的最后一个版本应该是对该版本的一个修正版.
要感谢的人太多,但是大恩不言谢,所以感激的话我就不多说了,只说一句:
谢谢那些支持我的朋友, 是你们让我坚持下去.
只要你们还需要gt-grid, 那么它就不会死.
由于各种原因 小胖儿 最近一个月几乎没有访问过qq.群 对不起群里的朋友了.
有问题大家还是到je里提吧.
ok, 下面言归正传 :
============================
这个版本带有 与java后台结合的示例.
单独的最新版本的 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项目
不过我相信有经验的朋友可以很轻易的就部署成功
fins:
今天遇到个问题...我的grid里面的每一行上都有一个(50*50)大小的图片单元格...
但图片不能全部显示出来...我查了一些文档...并在群里讨论...最终还是未能解决...
希望fins能给点提示...
xieguyue 写道
小胖,我通过 grid.checkedRows 取得所有被选中的行,为什么我设了fieldName:'id',取到的值还是行号而不是id呢?而且我通过行号调用这个方法grid.getRecord(id),不同的id得到的都是同一条记录,请问怎么解决?谢谢。 grid.getRecord(id)方法的参数 是行号或者是tr对象 checkedRows 的问题你能不能把代码发来看看
colsConfig:
js方法:
比如我选中第一和第二条记录,alert出来的结果是{"0":true,"1":true}.而不是fieldName的值
前一段时间说的有主从表的时候,过滤选项窗口显示不全的问题还在
下一个版本将修正这个bug
提问:看了API和例子,只有一个insert函数可以调用.我想用在表单输入中,主表信息在文本框中,grid用来保存明细.先让用户在表单中输入商品信息,数量,单价.然后点击添加明细按钮,把数据加入在Grid中.用户可以删除信息,最后点击保存后,把主表和grid信息一起传到服务器.需要grid的insert,delete,save的上函数调用,不知怎么用.
grid.insert(record)
grid.del(tr)
grid.save()
这三个方法都是有的
小胖,我通过 grid.checkedRows 取得所有被选中的行,为什么我设了fieldName:'id',取到的值还是行号而不是id呢?而且我通过行号调用这个方法grid.getRecord(id),不同的id得到的都是同一条记录,请问怎么解决?谢谢。
grid.getRecord(id)方法的参数 是行号或者是tr对象
checkedRows 的问题你能不能把代码发来看看
请问你那个性别列,是不是不要归在一起,修改某一个得时候不好弄。
那个只是一个示例
在实际应用中 是否编组 取决于你的需求
而且 目前 编组列 和 编辑功能 之间的关系处理的确实不好
建议 允许编辑的列 不要进行编组
胖哥,下午什么时候能发布修订后的版本啊?
已经发布了 就在主贴里
实在抱歉啊 )
这个版本应该是 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项目
不过我相信有经验的朋友可以很轻易的就部署成功
- dist_b20081201_fixed_1.zip (2.4 MB)
- 下载次数: 2790
评论
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中的。
当浏览器出现滚动条时,调整gt表格整体的宽度或高度时,表格的阴影定位就是出现误差,可能是计算时没有考虑窗口已经滚动的高度或宽度。当gt表格已经调整到足够小,以至于窗口可以容纳所有gt表格内容时,窗口的滚动条也不消失,可能是gt表格最外层div(因为它是不可见层)的高度与宽度设置不对。胖哥测试一下,看是否有此bug。
页面是放在frame中的。
23 楼
wfl8015
2008-12-04
胖哥:
当浏览器出现滚动条时,调整gt表格整体的宽度或高度时,表格的阴影定位就是出现误差,可能是计算时没有考虑窗口已经滚动的高度或宽度。当gt表格已经调整到足够小,以至于窗口可以容纳所有gt表格内容时,窗口的滚动条也不消失,可能是gt表格最外层div(因为它是不可见层)的高度与宽度设置不对。胖哥测试一下,看是否有此bug。
当浏览器出现滚动条时,调整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的上函数调用,不知怎么用.
看了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.: 别叫我专家了 , 我真的不是专家
bug已经修复 并且发布了
请下载 谢谢
P.S.: 别叫我专家了 , 我真的不是专家
发表评论
-
那些成天说我的GT-Grid抄袭的人注意了
2009-03-19 22:01 10166你们能够在浩瀚的网络中找到 sigmawidgets htt ... -
[发布]GT-Grid 1.42 版 ★& "前后台结合示例"★2009-01-15更新
2009-01-15 02:41 27361=============================== ... -
GT-Grid 近期将会发布一个bug修正版本,然后将会进行较大的重构
2008-11-11 00:12 3830GT-Grid 近期将会发布一个bug修正版本, 主要修正上一 ... -
[发布]GT-Grid 1.25 版 ★& "前后台结合示例" ★2008-10-21 更新
2008-10-21 17:25 19649首先 先道个歉. 之前许诺过 10月20日之前发布,结果迟到了 ... -
对于复杂javabean到json串的转换,建议使用FlexJSON
2008-10-16 11:23 9853gt-grid自带的那个 javaBean与json的转换工具 ... -
[通知] GT-Grid 讨论群 变更
2008-10-10 15:54 2992GT-Grid的群建立至今, 用户早已满员, 每日还有很多申请 ... -
10月中旬支持导出excel和csv的gt-grid会推出
2008-10-04 21:19 263110月中旬支持导出excel和csv的gt-grid会推出 ( ... -
[发布]GT-Grid 1.18版 & "前后台结合示例"更新 ★2008-09-12发布
2008-09-12 16:40 12539这个版本带有 与java后台结合的示例. 单独的最新版本的 ... -
调查: 关于GT-Grid导致IE崩溃的问题
2008-09-09 15:39 4045有网友反应 对GT-Grid进行操作时 会导致IE崩溃. ... -
[发布] GT-Grid 1.15 版 (080908发布) ★
2008-09-08 14:10 4100GT-Grid 1.15版 说明文档. 这篇文档主要说明一些 ... -
[发布] GT-Grid 1.12 版 (080904发布) ★
2008-09-03 11:02 5316GT-Grid 1.12版 说明文档. 这篇文档主要说明一些 ... -
奥运结束, GT启航
2008-08-25 10:11 2766前一阵由于关注奥运 GT做的工作比较少 奥运结束了 GT该再 ... -
最近奥运,GT的开发暂停一段时间,抱歉了
2008-08-18 20:13 19118月8号之后 GT的更新速度缓慢了,我回答问题也没有以前及时了 ... -
[发布] GT-Grid 1.0 奥运版 (080808发布) ★ without doc
2008-08-08 17:17 19320由于文档工作滞后 导致我本来放弃了今天发布的念头 但是还是不忍 ... -
GT-Grid 1.0 基础教程(十二)
2008-08-05 02:06 17439GT-Grid 1.0 基础教程(十二) 教程说明: 这是一 ... -
GT-Grid 1.0 基础教程(十一)
2008-08-03 22:29 8163GT-Grid 1.0 基础教程(十一 ... -
GT-Grid 1.0 基础教程(十)
2008-08-03 00:52 16712GT-Grid 1.0 基础教程(十) 教程说明: 这是一个 ... -
GT-Grid 1.0 基础教程(九)
2008-07-28 00:43 15533GT-Grid 1.0 基础教程(九) 教程说明: 这是一个 ... -
我的两点请求, 麻烦关注GT和ecside的朋友看一下,谢谢了
2008-07-27 21:55 29731 恳请大家以后不要通 ... -
GT-Grid 1.0 基础教程(八)
2008-07-27 01:13 14937GT-Grid 1.0 基础教程(八) 教程说明: 这是一个 ...
相关推荐
NULL 博文链接:https://fins.iteye.com/blog/283672
GT-Grid 教程示例 GT-Grid 教程示例GT-Grid 教程示例GT-Grid 教程示例
gt-grid是一款不错的框架,我写的这个gt-grid例子,用的都是基本框架,里面都用详细的注释,希望能对学习gt-grid的朋友有所帮助
GT-Grid 的最新版本 + 与后台结合的例子 大家重点看action 里是如何从客户端取数据 以及如何向客户端送数据的
GT-Grid 1.0 基础教程GT-Grid 1.0 基础教程GT-Grid 1.0 基础教程GT-Grid 1.0 基础教程
GT-Grid 是一个基于Ajax技术的列表组件. 拥有丰富的功能以及良好易用性和用户体验. 它是 EC Side列表组件 的更新换代产品. (ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jsp...
最新的GT-Grid vs EXT-Grid例子是用GT-Grid表格控件和EXT-Grid表格控件来进行比较、里面有三个例子、看了这后觉得这两种表格显示数据控件功能实在太强大啦..
gt-grid 基础教程。胖哥的gt-grid用于页面展示的功能强大的表格组件
GT-grid 例子
ag-grid我没找到汉化提示的js(没仔细找),下载了官方的社区版js代码,记事本查找替换的,如果没积分可以自己搜索替换,我只改了contains(模糊查找)、not contains(模糊过滤)、equals(精确查找)、not equals...
gt-grid 样例源码
网页Grid组件 GT-Grid组件 牛逼的Grid组件 Web开发理想的Grid,内附说明和例子
最新版GT-grid-好用的表格组件,支持分页,过滤,排序等等
列表组件N0.1(国产) 用过之后你才知道优化 初学者提供问题解答哈 qq 406235245
grid控件列表!这是jquery的一个grid插件GT-GRID,支持分页、排序等功能
gt-grid_1[1].25 分页 用ajax 开发的 里面有例子与还有原代码
NULL 博文链接:https://wfl8015.iteye.com/blog/310981
NVIDIA-GRID-vSphere-7.0 最新版本14.0显卡驱动
教程说明: 这是一个告诉大家如何快速的利用GT-Grid开发列表的基础教程.以后会推出"高级教程".
包含: NVIDIA-Linux-x86_64-470.63.01-grid.run NVIDIA-Linux-x86_64-470.63-vgpu-kvm.run