`

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

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

  • dist_all_b20080912.zip (1.7 MB)
  • 描述: 描述: 迎中秋, 发布1.18版本, 带有最新的 与后台结合的示例 (更新)
  • 下载次数: 1316
分享到:
评论
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表单中能对任意一行的值修改呢?

相关推荐

Global site tag (gtag.js) - Google Analytics