单独的最新版本的 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项目
不过我相信有经验的朋友可以很轻易的就部署成功