★列表组件 GT-Grid 最新版本 & 基础教程. (09年01月15日 2:40 AM 更新)

=============================
[发布]GT-Grid 1.42 版 ★& "前后台结合示例"★2009-01-15更新

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

欢迎大家参与 : GT-Grid用户问卷调查(一)

欢迎大家去这里报告bug : ★汇总★GT-Grid "缺陷,、bug、计划"汇总

欲查看GT-Grid的截图,请猛击这里

=============================
GT-Grid基础教程 系列: (欢迎大家能够对教程提出宝贵建议和意见  谢谢)

已完成章节 :

GT-Grid 1.0 基础教程(一) 第一章: 从"纯客户端只读列表"开始

GT-Grid 1.0 基础教程(二) 第二章: 让"纯客户端只读列表"变得更强大一些吧

GT-Grid 1.0 基础教程(三) 第三章 没有分页怎么行

GT-Grid 1.0 基础教程(四) 第四章 服务端数据的加载(上)

GT-Grid 1.0 基础教程(五) 第五章 服务端数据的加载(下)

GT-Grid 1.0 基础教程(六) 第六章: 可编辑列表 之 编辑器的使用

GT-Grid 1.0 基础教程(七) 第七章: 可编辑列表 之 删除记录 以及 数据提交

GT-Grid 1.0 基础教程(八) 第八章: 可编辑列表 之可编辑列表 之 添加记录

GT-Grid 1.0 基础教程(九) 第九章: 排序

GT-Grid 1.0 基础教程(十) 第十章: 事件

GT-Grid 1.0 基础教程(十一) 第十一章: 工具栏与列表菜单

GT-Grid 1.0 基础教程(十二) 第十二章: 自定义表头

(其他章节撰写ING...)



=============================
关于 后台示例

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

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

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

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

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


=============================
关于 java 和json 的互相转换.

很多朋友 问我 复杂的java对象与json之间如何转换.
目前 gt在服务端提供的辅助代码功能还有限 所以对于这个需求 暂时帮不上忙
但是大家可以 自行参照示例 来实现, 不难的 ,利用 json-lib之类的 更强大的json工具包可以轻松实现.

其实 目前提供导出xls 和 java&json互转 这两个功能  大家可以看作是一个参考实现.
大家没必要完全依赖它们. 看一看它们是怎么和gt-grid的前端交互的,
知道原理之后 自己实现 无论从功能还是 性能上 应该都会好很多.


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

希望关注GT-Grid的朋友,可以抽空去看一下我下面这篇blog :
   我有一个梦  


我需要你们的支持 来让我把梦做下去.
也欢迎泼冷水, 让我更加清晰的调整自己的思路.

谢谢

评论

76 楼 robertliu 2008-08-15  

引用

先回答第2个问题

支持. 只是 form不是gt-grid内置的组件 所以需要你自己来写
同时在form的提交方法里 来触发gt的查询动作

这个以后我会写一个示例的


第一个问题 我没太明白

var colsConfig = [   
    /* ...其他column略 ...  */  
    { id : 'detail'   , header : "详细信息" , width : 120,   
        renderer : function(value ,record,columnObj,grid,colNo,rowNo){   
            return '<a href=".?no='+record['no']+'" >'+ record['name'] +' 的详细信息</a>';   
        }   
    }   
];

上面这种如果要传列表一行的多个字段的话，要拼多次URL的参数，怎么一次传整行上服务器呢，这样能方便一些？

75 楼 fins 2008-08-14  

先回答第2个问题

支持. 只是 form不是gt-grid内置的组件 所以需要你自己来写
同时在form的提交方法里 来触发gt的查询动作

这个以后我会写一个示例的


第一个问题  我没太明白

74 楼 robertliu 2008-08-14  

1、请问fins如何用扩展显示列的链接提交整行数据，在后台怎么取呢
2、form提交查询条件，gt-grid用来显示，是很常用的业务需求，怎么不支持呢
谢谢！

73 楼 fins 2008-08-14  

这个功能暂不支持

72 楼 acerphoenix 2008-08-14  

我在demo.htm里的toolbarContent 属性中加了 | xls |,
结果欣喜的在网页中看到导出Excel的图标了，而且鼠标悬停其上时还有“导出Excel”的提示，
但是一点击就弹出了一个确认框，很长很长的字符串，这是bug还是我那里没有做到位？
btw,我用的是8月8号奥运版。

71 楼 fins 2008-08-14  

引用

请问fins扩展显示列能提交整行吗，拼url的参数很麻烦的

能

gt目前不支持 form提交
GT.Utils.onLoad 根本不是用来提交的啊 , 我没明白

70 楼 robertliu 2008-08-13  

通过form提交(submit提交)，后台收到的： AJAX IN : {"recordType":"object","pageInfo":{"pageSize":0,"pageNum":1,"totalRowNum":-1,"totalPageNum":1,"startRowNum":1,"endRowNum":0},"sortInfo":[],"filterInfo":[],"parameters":{},"action":"load"}
参数不对劲，
同样的代码用GT.Utils.onLoad上去，就对的： AJAX IN : {"recordType":"object","pageInfo":{"pageSize":20,"pageNum":1,"totalRowNum":0,"totalPageNum":1,"startRowNum":1,"endRowNum":20},"sortInfo":[],"filterInfo":[],"parameters":{},"action":"load"}，是不是bug

69 楼 robertliu 2008-08-13  

请问fins扩展显示列能提交整行吗，拼url的参数很麻烦的

68 楼 acerphoenix 2008-08-13  

我在demo.htm里的toolbarContent 属性中加了 | xls |,
结果欣喜的在网页中看到导出Excel的图标了，而且鼠标悬停其上时还有“导出Excel”的提示，
但是一点击就弹出了一个确认框，很长很长的字符串，这是bug还是我那里没有做到位？
btw,我用的是8月8号奥运版。

67 楼 fins 2008-08-13  

gridServerHandler 只是一个参考的实现(本身也属于示例)

并不属于 gt-grid 的一部分

对于复杂的对象与json的转换 请大家自行编写

66 楼 qcheng66 2008-08-13  

customer和 branch表相关联。
正常取值应该是这样
"pageInfo": {"endRowNum":20,"totalRowNum":4,"totalPageNum":1,"startRowNum":1,"pageSize":20,"pageNum":1},
"data":[{
"cuNumber":"number1,"cuName":"中国一好",
"branch":{"brId":1,"class":"class com.dnion.easywork.storage.entity.Branch","brName":"bran1"},"cuMail":"tom"
}]
但是现在我从数据库里取值，这个json串中却不包含branch这个json串了，
用的是gridServerHandler.setData(list1,Customer.class);方法读的

65 楼 fins 2008-08-12  

field的 initValue
或者是column里的 render都可以实现这个功能啊

64 楼 jacreater 2008-08-12  

从数据库中取出json串中除了普通字段外又包含一个对象，这个对象里的字段也以json的形式存在，我要怎样才能把这个对象里的某个字段内容显示到表格上
"pageInfo": {"endRowNum":20,"totalRowNum":4,"totalPageNum":1,"startRowNum":1,"pageSize":20,"pageNum":1},
  "data":[{
"cuNumber":"number1,"cuName":"中国一好",
"branch":{"brId":1,"class":"class com.dnion.easywork.storage.entity.Branch","brName":"bran1"},"cuMail":"tom"
}]

63 楼 fins 2008-08-12  

非常感谢 下一版本会修正此bug 

62 楼 cwding 2008-08-12  

将组件放在表格中，单击组件列表空白处，有错误内容

61 楼 fins 2008-08-08  

谢谢关注
但是 很抱歉

板凳还是先收了吧 呵呵

我估计要延后几天

做最后的测试 和准备工作

其实编码已经完成了

60 楼 pizi 2008-08-08  

胖哥！今天能看到正式版1.0吗？ 搬个板凳等....

59 楼 fins 2008-08-07  

我这边可以啊
你选择时间 (点击时间区域) 然后再点击日期 就可以了

58 楼 pizi 2008-08-07  

谢谢胖哥的解答，手动输入日期是没问题的。
我的意思是如何让日期控件上的小时、分钟起效果，我选择了小时和分钟后没用啊，时间和分钟不会显示到单元格

57 楼 fins 2008-08-07  

editor : {  type :"date" ,validRule : ['datetime'] ,format : "yyyy-MM-dd  HH:mm" }

format  属性


如果使用GT的校验函数 那么 还要加上下面这句

GT.Validator.DATETIME_FORMAT="yyyy-MM-dd  HH:mm"

因为GT默认的是 有秒的 datetime