`

[发布]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表单中能对任意一行的值修改呢?

相关推荐

    GT-Grid 1.36 版 前后台结合示例

    NULL 博文链接:https://fins.iteye.com/blog/283672

    GT-Grid 教程示例

    GT-Grid 教程示例 GT-Grid 教程示例GT-Grid 教程示例GT-Grid 教程示例

    gt-grid的一个例子

    首先,`gt-grid` 提供了灵活的数据绑定机制,可以方便地将后台数据源与前端表格进行对接。在示例中,`doc1.txt` 可能包含有关如何设置数据源和如何将数据绑定到`gt-grid`的详细说明。通常,这涉及到配置数据模型,...

    gt-grid demo 源码下载

    《GT-Grid 源码解析与后台交互实践》 GT-Grid 是一款功能强大的数据网格组件,广泛应用于Web应用中展示和管理大量结构化数据。本次我们将通过"gt_grid_demo"源码下载来深入理解GT-Grid的运作机制及其与后台数据交互...

    GT-Grid 1.0 基础教程

    GT-Grid 1.0 是一个强大的分布式计算框架,它为大数据处理提供了高效、灵活的解决方案。本基础教程旨在帮助初学者快速理解并掌握GT-Grid 1.0 的核心概念和基本操作,以便在实际项目中应用。下面将详细阐述GT-Grid ...

    GT-grid 例子

    这个压缩包文件包含了一些关于GT-Grid的示例资源,我们将逐一分析其中的文件来深入理解GT-Grid的功能和用法。 1. **gt.txt**:此文件可能包含了GT-Grid的基本使用指南或API参考文档。在实际应用中,开发者会根据这...

    最新的GT-Grid vs EXT-Grid例子(超级经典)

    本篇文章将深入探讨两种流行的JavaScript表格组件——GT-Grid和EXT-Grid,并通过对比分析它们的特点、功能和使用场景,以帮助开发者选择最适合项目需求的组件。 GT-Grid与EXT-Grid都是用于构建高性能、可定制的表格...

    gt-grid.rar+demo

    "gt-grid.rar+demo"这个压缩包文件包含的是关于"gt-grid"的样例源码。"gt-grid"是一个常见的前端数据展示控件,通常用于创建高性能、可定制的表格,它在Web应用中广泛使用,特别是在大数据量的场景下。下面我们将...

    gt-grid 表格源码,开发包,api手册

    "gt-grid 表格源码,开发包,api手册"这一资源主要涵盖了用于构建数据表格的前端组件的源代码、开发工具以及相关的API文档。gt-grid是一个强大的数据展示和操作框架,它允许开发者以灵活的方式展示和管理大量结构化...

    GT-Grid 是一个基于Ajax技术的列表组件

    GT-Grid 是一个基于Ajax技术的列表组件. 拥有丰富的功能以及良好易用性和用户体验. 它是 EC Side列表组件 的更新换代产品. (ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jsp...

    gt-grid 基础教程

    **gt-grid基础教程** 在网页开发中,数据的展示往往是不可或缺的部分,特别是在处理大量结构化信息时。`gt-grid`是一款由"胖哥"开发的高效、功能丰富的表格组件,专为页面展示设计,旨在帮助开发者更便捷地构建数据...

    最新版GT-grid-好用的表格组件

    10. **文档与示例**:为了方便开发者快速上手,GT-grid提供了详尽的文档和丰富的示例代码,从基础用法到高级功能,都有清晰的指导。 在最新的版本中,GT-grid不仅在功能上进行了增强,而且在用户体验和性能优化上也...

    gt-grid 分页 用ajax 开发的 里面有例子

    在本示例中,“gt-grid 分页 用ajax 开发的 里面有例子”显然演示了如何使用`gt-grid`配合Ajax实现分页功能。 首先,我们需要理解Ajax的核心概念。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的...

    网页Grid组件 GT-Grid组件

    网页Grid组件,特别是GT-Grid组件,是Web开发中一种强大的数据展示工具,它为开发者提供了灵活、高效且功能丰富的表格解决方案。Grid组件在网页应用中扮演着至关重要的角色,用于展示结构化数据,支持排序、筛选、...

    GT-GRID插件下载

    GT-GRID是一款基于jQuery的强大的数据网格插件,主要用于展示和操作大量结构化的数据。它在Web应用中常被用于创建功能丰富的表格,提供类似数据库的分页、排序、过滤和编辑功能,使得用户可以方便地浏览和管理数据。...

    ag-grid社区版中文版提示

    ag-grid我没找到汉化提示的js(没仔细找),下载了官方的社区版js代码,记事本查找替换的,如果没积分可以自己搜索替换,我只改了contains(模糊查找)、not contains(模糊过滤)、equals(精确查找)、not equals...

    GT-Grid 1.0 基础教程(一)转载

    ### GT-Grid 1.0 基础教程(一)——纯客户端只读列表开发详解 #### 一、教程背景与目标 本教程旨在帮助初学者快速掌握如何使用GT-Grid开发纯客户端只读列表的基本技能。对于那些对Ajax技术下的列表组件不太熟悉的...

    ag-Grid Enterprise v19.1.1 (31 Oct 2018).7z

    1. **集成**:你需要将ag-Grid的JavaScript部分与Delphi的Web应用程序结合,或者通过第三方库如JVM or JSBridge将ag-Grid的功能引入到本地桌面应用中。 2. **通信**:在Delphi应用和ag-Grid之间建立数据交换机制,如...

    前端开源库-ag-grid-community

    - **文档与示例**:ag-Grid提供详尽的官方文档和丰富的示例代码,帮助开发者快速上手和深入学习。 ### 5. 社区支持与扩展 - **社区活跃**:ag-Grid拥有一个庞大的开发者社区,共享经验、解答疑问,共同推动组件的...

    dhtmlx-grid分页-示例,后台java调用

    4 在它的免费版中(就是可以开源的) 最早(2 5)是没有分页库的 只有商业版有 后来经过高人指点 得到了crack 带有分页js库 很好用 其实主要是知道js中要传递的分页参数名字就ok了 5 资源包中有具体使用代码和组件...

Global site tag (gtag.js) - Google Analytics