[发布]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项目

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

评论

47 楼 fins 2008-11-14  

暂时 不支持
下一个大版本会考虑

46 楼 airport 2008-11-14  

这个控件有没有像Ext那样表格展开的功能？

针对当前行进行展开。

45 楼 kaki 2008-10-15  

比Ext小，效率高。

但是更喜欢从前的Ecside

44 楼 fins 2008-10-06  

column的 sortable  ： false

43 楼 zuiwoxing 2008-10-06  

    我不想用排序功能,怎样去掉...?谢谢!

42 楼 fins 2008-10-06  

谢谢  我有时间核查一下 如果确实有此bug 我会尽快修正

再次感谢

41 楼 zhouky4665 2008-10-06  

beforeSave貌似有bug，beforeSave的function执行之前都保存数据了，比如我要提示用户是否确认提交，用户没按是否服务器已经更新了。

40 楼 myprincejava 2008-09-27  

新手问题:我怎么连数据库？老是报:
数据库驱动没有发现
请参考帮助去添加数据库驱动

怎么连都连不上?郁闷之极....


Class oracle.jdbc.driver.OracleDriver not found [90086-75] 90086/90086
org.h2.jdbc.JdbcSQLException: Class oracle.jdbc.driver.OracleDriver not found [90086-75]
    at org.h2.message.Message.getSQLException(Message.java:103)
    at org.h2.util.ClassUtils.loadUserClass(ClassUtils.java:85)
    at org.h2.util.JdbcUtils.getConnection(JdbcUtils.java:141)
    at org.h2.server.web.WebServer.getConnection(WebServer.java:634)
    at org.h2.server.web.WebThread.test(WebThread.java:1023)
    at org.h2.server.web.WebThread.process(WebThread.java:435)
    at org.h2.server.web.WebThread.processRequest(WebThread.java:184)
    at org.h2.server.web.WebThread.process(WebThread.java:234)
    at org.h2.server.web.WebThread.run(WebThread.java:194)
Caused by: java.lang.ClassNotFoundException: oracle.jdbc.driver.OracleDriver
    at java.net.URLClassLoader$1.run(URLClassLoader.java:200)
    at java.security.AccessController.doPrivileged(Native Method)
    at java.net.URLClassLoader.findClass(URLClassLoader.java:188)
    at java.lang.ClassLoader.loadClass(ClassLoader.java:306)
    at sun.misc.Launcher$AppClassLoader.loadClass(Launcher.java:276)
    at java.lang.ClassLoader.loadClass(ClassLoader.java:251)
    at java.lang.ClassLoader.loadClassInternal(ClassLoader.java:319)
    at java.lang.Class.forName0(Native Method)
    at java.lang.Class.forName(Class.java:169)
    at org.h2.util.ClassUtils.loadUserClass(ClassUtils.java:83)
    ... 7 more

39 楼 itlieying 2008-09-26  

哇噻，不错啊！现在这一款的功能越来越强大了，基本上能满足我项目的需要，上次提出的点击不同列，都能弹出一个编辑框的问题也都解决了。感谢fins!

38 楼 fins 2008-09-25  

wsbjwjt 写道

还能够像ECSide2.0一样，导出xls，pdf吗？

目前不支持 以后会支持

pollipop 写道

关于分页的一点疑问：dsConfig中的data是我生成的数据，同时也有分页信息(pageInfo)，为何我页面显示的menu中不是我pageInfo中的信息呢？

这是一个bug 下一版本会修正

darkingPB 写道

再此麻烦一下，呵呵，我现在表格中有多列，现在希望某些列比如只读列颜色和其它列不一样，这个怎么修改？修改CSS还是用render?

目前只能通过render来做 而且现在不支持对列表的td进行自定义

tangrenzhong116 写道

我把他们企业的版面全部升级成GT-grid(以前没用任何控件，就是html)，然后我发布后，在企业调查了，他们普遍认为：外观样式操作上比以前好都了，同时我们开发时候也省了很多代码,因为他们主要多来对帐，所有首先关注的速度(如果能提高速度那就很好了，有什么办法吗) ⑴速度没以前快⑵当一列显示不完时候，显示的是....，当去拉动的时候数据量大了就会死掉,能不能一行固定，字数多了就显示到下一排，这样就可以不用拉动（主要针对表头）(3)过滤也是同样问题，数据大的时候，每过滤一次速度很慢(4)锁定列也是速度问题;

谢谢 性能是一个永恒的主题 我会继续为优化性能而努力的 但是能否达到您的预期我就不敢保证了. 因为因素很多. 顺便问一下 您那里每页多少记录?多少列?
另外 您说的内容多了自动换行 目前实现起来有一定的技术难度,暂时还无法支持.

37 楼 wsbjwjt 2008-09-25  

还能够像ECSide2.0一样，导出xls，pdf吗？

36 楼 darkingPB 2008-09-25  

再此麻烦一下，呵呵，我现在表格中有多列，现在希望某些列比如只读列颜色和其它列不一样，这个怎么修改？修改CSS还是用render?

35 楼 darkingPB 2008-09-24  

楼主请教两个个问题，1 我现在想双击某行数据，然后弹出一个某行数据的详细窗口。我在
onDblClickCell中写代码，但经常没反映，写到onClickCell就行。我表格是可以编辑的。
2 里面内置的日期校验，能否自定义日期格式，比如MM/dd/YYYY或者YYYY-MM-DD？

34 楼 feohoo 2008-09-20  

hideable属性 {b} 列是否可隐藏

33 楼 wsbjwjt 2008-09-19  

能否隐藏数据列？

32 楼 pollipop 2008-09-19  

关于分页的一点疑问：
dsConfig中的data是我生成的数据，同时也有分页信息(pageInfo)，为何我页面显示的menu中不是我pageInfo中的信息呢？

<script type="text/javascript">
<!--
	var dsConfig= {
		pageInfo:{endRowNum:0,totalRowNum:490503,totalPageNum:2453,startRowNum:0,pageSize:200,pageNum:1000},
		data:[
				{"nextgwh":"i-01","serialid":200740,"zh":"63036","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"x-02","lx":"","mczzrq":"","mczzdw":"","gh":"王玲","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062652"},
				{"nextgwh":"x-01","serialid":200741,"zh":"61174","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"h-01","lx":"","mczzrq":"","mczzdw":"","gh":" 李国","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062619"},
				{"nextgwh":"h-01","serialid":200742,"zh":"56401","work_date":"2007-06-30","srrq":"2007-06-29","flag":"0","curgwh":"h-01","lx":"","mczzrq":"","mczzdw":"","gh":" 李国","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062984"},
				{"nextgwh":"i-01","serialid":200743,"zh":"61683","work_date":"2007-06-30","srrq":"2007-06-29","flag":"0","curgwh":"x-02","lx":"","mczzrq":"","mczzdw":"","gh":"王玲","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062956"},
				{"nextgwh":"i-01","serialid":200744,"zh":"60820","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"x-02","lx":"","mczzrq":"","mczzdw":"","gh":"王玲","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062608"},
				{"nextgwh":"i-01","serialid":200745,"zh":"60280","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"x-02","lx":"","mczzrq":"","mczzdw":"","gh":"王玲","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062587"},
				{"nextgwh":"i-01","serialid":200746,"zh":"61377","work_date":"2007-06-30","srrq":"2007-06-29","flag":"0","curgwh":"x-02","lx":"","mczzrq":"","mczzdw":"","gh":"王玲","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062943"},
				{"nextgwh":"i-01","serialid":200747,"zh":"61139","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"x-02","lx":"","mczzrq":"","mczzdw":"","gh":"王玲","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062618"},
				{"nextgwh":"i-01","serialid":200748,"zh":"57685","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"x-02","lx":"","mczzrq":"","mczzdw":"","gh":"王玲","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062558"},
				{"nextgwh":"o-01","serialid":200749,"zh":"57240","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"e-02","lx":"","mczzrq":"","mczzdw":"","gh":"齐卉","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062549"},
				{"nextgwh":"o-01","serialid":200750,"zh":"60696","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"e-02","lx":"","mczzrq":"","mczzdw":"","gh":"齐卉","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062602"},
				{"nextgwh":"i-01","serialid":200751,"zh":"60510","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"x-02","lx":"","mczzrq":"","mczzdw":"","gh":"王玲","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062591"},
				{"nextgwh":"o-01","serialid":200752,"zh":"61736","work_date":"2007-06-30","srrq":"2007-06-29","flag":"0","curgwh":"e-02","lx":"","mczzrq":"","mczzdw":"","gh":"齐卉","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062959"},
				{"nextgwh":"o-01","serialid":200753,"zh":"60622","work_date":"2007-06-30","srrq":"2007-06-23","flag":"0","curgwh":"e-02","lx":"","mczzrq":"","mczzdw":"","gh":"齐卉","fxyy":"","sfwc":"1","clbj":"","zx":"RE2B","dh":"13107062688"}
			],
		fields :[
			{name:'serialid',type:'int'},
			{name:'zh'},
			{name:'dh'},
			{name:'srrq',type:'string'},
			{name:'mczzrq'},
			{name:'mczzdw'},
			{name:'clbj'},
			{name:'zx'},
			{name:'lx'},
			{name:'gh'},
			{name:'curgwh'},
			{name:'nextgwh'},
			{name:'sfwc'},
			{name:'flag'},
			{name:'work_date'},
			{name:'fxyy'}
		]
	};

	var colsConfig = [
			{id: 'chk' ,isCheckColumn : true, _checkType:'radio', 	frozen : true , filterable : false, header: "", title: '请选择', fieldName : 'no'}, 
			{id:'serialid',header:'序号',width:40},
			{id:'zh',header:'轴号',width:60},
			{id:'dh',header:'单号',width:90},
			{id:'srrq',header:'收入日期'},
			{id:'mczzrq',header:'日期'},
			{id:'mczzdw',header:'单位'},
			{id:'clbj',header:'标识'},
			{id:'zx',header:'轴型'},
			{id:'lx',header:'轮型'},
			{id:'gh',header:'工号'},
			{id:'curgwh',header:'当前工位'},
			{id:'nextgwh',header:'下一个工位'},
			{id:'sfwc',header:'是否完成',renderer : GT.Grid.mappingRenderer( { '0':'未完工', '1':'已完工'} , '未知' )},
			{id:'flag',header:'FLAG',renderer : GT.Grid.mappingRenderer( { '0':'货车', '1':'客车'} , '未知' )},
			{id:'work_date',header:'工作日期'},
			{id:'fxyy',header:'返修原因'}
	];

	var gridConfig={
	
		id : "grid1",
		dataset : dsConfig ,
		columns : colsConfig ,
		container : 'grid1_container', 
		toolbarPosition : 'bottom',
		
		toolbarContent : 'nav | goto | pagesize | reload | state' ,
		pageSize : 20 ,	
		pageSizeList : [5,10,15,20,100,200],
		remotePaging:false,
		showGridMenu : true,
		allowCustomSkin : true,
		resizable : true,
		allowGroup : true
	};
	
	var mygrid=new GT.Grid( gridConfig );
	
	GT.U.onLoad( GT.Grid.render(mygrid) );
//-->
</script>

31 楼 tangrenzhong116 2008-09-19  

我把他们企业的版面全部升级成GT-grid(以前没用任何控件，就是html)，然后我发布后，在企业调查了，他们普遍认为：外观样式操作上比以前好都了，同时我们开发时候也省了很多代码,因为他们主要多来对帐，所有首先关注的速度(如果能提高速度那就很好了，有什么办法吗)
⑴速度没以前快⑵当一列显示不完时候，显示的是....，当去拉动的时候数据量大了就会死掉,能不能一行固定，字数多了就显示到下一排，这样就可以不用拉动（主要针对表头）(3)过滤也是同样问题，数据大的时候，每过滤一次速度很慢(4)锁定列也是速度问题;

30 楼 tangrenzhong116 2008-09-19  

对于报表[img][/img]

29 楼 fins 2008-09-18  

下一个版本争取提供一个这样的示例吧
否则靠说 三言两语说不清啊

28 楼 feohoo 2008-09-18  

[img]http://feohoo.iteye.com/upload/picture/pic/22017/d513040f-f927-30f0-9a50-1917849ad25c.jpg [/img]
如图：怎样在外部插入一行，并对该行数据进去赋值呢？
研究了半天insert(),但是FF提示没有该方法
还有就是在外面的form表单中能对任意一行的值修改呢？