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

这个版本带有 与java后台结合的示例.

单独的最新版本的 GT-Grid 在
gtdemo\WebContent\gt-grid
下
=========================================


GT-Grid 1.18版 说明文档.

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

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


此版本新增接口:

1 grid.cleanContent() 用来清空列表内容.
执行该方法后 列表的内容将变为 : 没有数据 导航条等信息 也将按照0行0页来设置.
简单点说, 就相当于这个列表什么数据都不显示.


2 grid.setContent( contentData ) 用来根据参数contentData 来显示表格内容
这个接口和上一个接口功能相反.
本接口将 根据 contentData 的 来展现列表的内容
contentData 的结构 如下:

{
	data : [ /* ... 列表数据 .... */ ],
	pageInfo : {
		totalRowNum : 111 , // 总记录数 
		pageNum : 111  // 第几页
		pageSize : 111 // 每页记录数
	}
}

其中 pageInfo 节点 以及节点下的那三个属性都是可选的,
没有指定的 则按列表当前的分页状态来处理.

该接口其实并不常用, 属于非基础接口, 所以没有理解也无所谓 ( )

以上两个接口,请大家可以结合 mydemo_for_1.18.html 这个示例来看一下.

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

本版本另一个重要更新是 更新了 服务端示例的代码
修改了一些bug 新增了一个 "查询表单 & 主从关联列表"的示例

该示例中,  通过form表单查询 主表信息, 然后点击主表的一条记录后
会根据该记录去查询从表的信息.

该示例还是很具有学习价值的

示例 路径 页面文件路径
\WebContent\views\studentAction\list4.jsp


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

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

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


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


如果只对 gt-grid 感兴趣
那么您只需关注 包中gtdemo\WebContent\gt-grid 下的内容
另外 大家注意一下 里面的这个文件 user_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项目

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

评论

27 楼 fins 2008-09-18  

肯定还有优化余地的
能不能把你的测试页面和数据格式发来 让我看看

26 楼 tangrenzhong116 2008-09-18  

控件很好的，唯一就是速度太慢了，我试了10台电脑访问服务期1000条数据，好点的电脑2,3秒，其他电脑10秒,有什么办法提高访问速度呢（因为是做的报表，所有不用后台分页的方式）

25 楼 zhouky4665 2008-09-18  

我在EXT的window组件的html:'<iframe  src=for_ext.html'></iframe>
这个时候ie就会报错。

24 楼 zhouky4665 2008-09-18  

谢谢 和ext的结合 上次只是小玩了一把 还没有做深入的研究
问题肯定还会有很多 谢谢你的提醒. 如果有这个需求的用户很多
我会考虑提高他的优先级的 谢谢
----------------------------------
其实这个很重要，因为你这个只有grid，并没有form的其他组件，显然是需要其他组件来支持的，除非你自己其他的组件，否则跟EXT2组件兼容是最好的选择，所以盼你提高这个优先级。

23 楼 slan 2008-09-18  

一个小问题,如何对生成数据后的行高进行配置:)

22 楼 fins 2008-09-18  

引用

zhouky4665 1 小时前
跟ext整合在IE有问题，在ff上ok的

谢谢 和ext的结合 上次只是小玩了一把 还没有做深入的研究
问题肯定还会有很多 谢谢你的提醒. 如果有这个需求的用户很多
我会考虑提高他的优先级的 谢谢

引用

zhouky4665 23 小时前
能不能将grid的高度弄成自适应的，不然当数据比较少的时候会一大片空白不是很好看，谢谢！

这个暂时不支持 以后会考虑 谢谢
(不过 根据以往经验 这不是一个好的体验 除非这个列表是页面中最后面的内容)

引用

talangniao 24 小时前
不知道怎样在一个列表中同时显示主从表的信息
记得以前使用extremecomponents都是写cell来实现
talangniao 昨天
如何实现从表中显示院系名称？

可以实现的 但是前提是 院系的数据 要和 主表数据一起被查询出来
主从数据放到一层　或者是　从表作为主表记录的一个子节点　都是可以的
然后就可以　利用　dataset的 initValue  来实现
也可以 用  column.renderer来实现

引用

feohoo 昨天
如果点击一个按钮开始渲染的话能实时渲染，但是如果多点击几次是不是就渲染了多个呢？

我内部做了判断 不会的 render 可以理解为是生成表格除数据意外的 其他部分
内部有判断 已经生成了 不会再次生成.

21 楼 zhouky4665 2008-09-18  

跟ext整合在IE有问题，在ff上ok的

20 楼 zhouky4665 2008-09-17  

能不能将grid的高度弄成自适应的，不然当数据比较少的时候会一大片空白不是很好看，谢谢！

19 楼 talangniao 2008-09-17  

不知道怎样在一个列表中同时显示主从表的信息
记得以前使用extremecomponents都是写cell来实现

18 楼 talangniao 2008-09-17  

如何实现从表中显示院系名称？

17 楼 feohoo 2008-09-17  

如果点击一个按钮开始渲染的话能实时渲染，但是如果多点击几次是不是就渲染了多个呢？

16 楼 fins 2008-09-16  

那么就不要在 onload的 时候对从表进行 render()
而是在点那个按钮多调用的函数里render

15 楼 kerrxu 2008-09-16  

如何实现开始时候不显示从表，在需要的时候再显示。比如说点了某个按钮后。

14 楼 feohoo 2008-09-16  

zghen 1 小时前

引用

feohoo 2 小时前
引用

zghen 1 小时前
新手问题：部署启动startdb.bat，报Exception in thread "main" java.lang.NoClassDefFoundError: java/sql/Savepoint 错，请问部署在那些地方需要注意的？


拷贝进myeclipse后，进入文件目录WebContent\db，直接运行h2.bat，记得不要关闭弹出的DOS窗口，然后会打开一个IE窗口，你点connect就OK了

引用

还是不行啊，大哥。我也是这样用的，还是报错。

确保项目结构目录正确，如果你用myeclipse的话建议重新建立一个web项目，再将src and webroot copy to project ，主要记得的是将h2.jar弄进去，然后呢，你回到你的工作空间下的webroot-->db-->启动数据库
[img]http://feohoo.iteye.com/upload/picture/pic/21843/f5ad2749-3254-3aec-904d-0c1a28a6b3c5.jpg [/img]

13 楼 zghen 2008-09-16  

引用

feohoo 2 小时前
引用

zghen 1 小时前
新手问题：部署启动startdb.bat，报Exception in thread "main" java.lang.NoClassDefFoundError: java/sql/Savepoint 错，请问部署在那些地方需要注意的？


拷贝进myeclipse后，进入文件目录WebContent\db，直接运行h2.bat，记得不要关闭弹出的DOS窗口，然后会打开一个IE窗口，你点connect就OK了

还是不行啊，大哥。我也是这样用的，还是报错。
[img]C:/Documents and Settings/zhengdong/桌面/未命名.bmp
[/img]

12 楼 fins 2008-09-16  

GT.$grid('grid_std') 是根据id取grid对象

grid_std只是一个定义的全局变量 并不敢保证他总是可用的
如果没有十足把握 建议还是用 GT.$grid('grid_std') 来取

11 楼 kerrxu 2008-09-16  

GT.$grid('grid_std').与grid_std. 有什么区别？

10 楼 fins 2008-09-16  

feohoo :

谢谢你的建议
工具栏分离那个我会考虑

但是你说的另外一个暂时还不打算考虑

原因如下:
你说的需求是可以实现的 也是通过css来改变按钮的大小
但是 只这样是不够的 还需要自己做一下新的大小下的按钮背景图片

因为我为了让代码更简洁 所以在满足常用需求的情况下 对按钮做的工作很少
可以说 每个按钮就是一个div  而这个div的北京图片是采用的固定图片方式
而不是ext那种"把背景切割成左中右3部分 由三个div组成"

如果按照ext那种做法 我就可以实现自定义按钮宽度的功能了
但是代码变得很复杂 我就没有这么做

暂时我也不打算按ext那么做 因为我还是倾向于用正方形的小图标+tooltip来描述按钮.

9 楼 feohoo 2008-09-16  

引用

zghen 1 小时前
新手问题：部署启动startdb.bat，报Exception in thread "main" java.lang.NoClassDefFoundError: java/sql/Savepoint 错，请问部署在那些地方需要注意的？

拷贝进myeclipse后，进入文件目录WebContent\db，直接运行h2.bat，记得不要关闭弹出的DOS窗口，然后会打开一个IE窗口，你点connect就OK了

8 楼 feohoo 2008-09-16  

引用

fins:
不是你的问题 是我的问题
关于如何修改css的教程 一直没有写

================================================================
汗颜啊 ！
看了哈CSS文件，初步解决了问题，但是就按钮的全部统一来说，觉得不实际，如果用户自己定义按钮的话，width应该由用户定义。
还有呢，觉得按钮应该把功能按钮和脚本按钮分开，比如说增删改查等放在top  而上页和下页等脚本按钮放在buttom，这样整个界面看起来更直观一些。