`

[发布]GT-Grid 1.36 版 ★& "前后台结合示例"★2008-12-01 12AM 更新

阅读更多
(最后更新时间 :12月1日 中午12点时, 修正了 1.36的一个严重bug
实在抱歉啊   )


这个版本应该是 2008年的倒数第二个版本,08年的最后一个版本应该是对该版本的一个修正版.

要感谢的人太多,但是大恩不言谢,所以感激的话我就不多说了,只说一句:
谢谢那些支持我的朋友, 是你们让我坚持下去.

只要你们还需要gt-grid, 那么它就不会死.

由于各种原因 小胖儿 最近一个月几乎没有访问过qq.群 对不起群里的朋友了.
有问题大家还是到je里提吧.

ok, 下面言归正传 :
============================
这个版本带有 与java后台结合的示例.
单独的最新版本的 GT-Grid 在
引用
gtdemo\WebContent\gt-grid
下.

============================
新版本的变更:

功能:
过滤/未过滤标识  (过滤时 过滤图标有颜色, 未过滤为灰色. 目前只标识出是否过滤 未标识出具体列)
通过shift 选中连续行

属性:
grid config/property :{
  reloadAfterSave  : true , //  如果保存后,不希望重新载入数据, 请将此属性设置为 false, 默认为true
  readOnly : false ,        // 如果不希望列表被编辑, 请设置此属性为 true , 默认为false
  customRowAttribute : function(record,rn,grid)  // 设置行的 tr对象的属性, 返回值为字符串. 见 demo.html中的示例. 可用来实现行渲染.
}


方法:
grid.getColumn(colNoId) // 通过列序号 或 id 取得列对象
columnObj.setHeader('列头新标题')  // 设置列的列头标题.


事件:
grid.afterSave(respD,isSuccess,grid). // save操作之后执行,  参数1 为save后 服务端返回的数据, 参数2为保存是否成功, 参数3为列表对象.

bug:
编辑记录时 定位错误(窜行问题) (ok)
编辑时,按Tab键 自动编辑下一个单元格 时有错误 (ok)
列表初始无数据时 ,按回车 报js错(ok)

其他:
新的点击事件命名规则:  on+ Cell/Row + Click/DblClick.(ok)
重构 "单击/双击/右击 + 单元格/行" 相关处理 (ok)

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

关于GT的更多介绍可以参加下面地址:
列表组件 GT-Grid 最新版本 & 教程


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

如果只对 gt-grid 感兴趣
那么您只需关注 包中gtdemo\WebContent\gt-grid 下的内容
另外 大家注意一下 里面的这个文件 api_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项目

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




39
7
分享到:
评论
26 楼 xiaohui6636 2008-12-08  

fins:
今天遇到个问题...我的grid里面的每一行上都有一个(50*50)大小的图片单元格...
但图片不能全部显示出来...我查了一些文档...并在群里讨论...最终还是未能解决...
希望fins能给点提示...
25 楼 shiren1118 2008-12-05  
heihei
24 楼 wfl8015 2008-12-04  
胖哥:
  当浏览器出现滚动条时,调整gt表格整体的宽度或高度时,表格的阴影定位就是出现误差,可能是计算时没有考虑窗口已经滚动的高度或宽度。当gt表格已经调整到足够小,以至于窗口可以容纳所有gt表格内容时,窗口的滚动条也不消失,可能是gt表格最外层div(因为它是不可见层)的高度与宽度设置不对。胖哥测试一下,看是否有此bug。
页面是放在frame中的。
23 楼 wfl8015 2008-12-04  
胖哥:
当浏览器出现滚动条时,调整gt表格整体的宽度或高度时,表格的阴影定位就是出现误差,可能是计算时没有考虑窗口已经滚动的高度或宽度。当gt表格已经调整到足够小,以至于窗口可以容纳所有gt表格内容时,窗口的滚动条也不消失,可能是gt表格最外层div(因为它是不可见层)的高度与宽度设置不对。胖哥测试一下,看是否有此bug。
22 楼 ym1981 2008-12-04  
如果做一个像ntbGrid一样的粘贴EXCEL的功能就好了
21 楼 cats_tiger 2008-12-03  
小胖,还是开源吧,偶很想用~~~~~~~>_<~~~~~~~~~~
20 楼 xieguyue 2008-12-03  
fins 写道

xieguyue 写道
小胖,我通过 grid.checkedRows 取得所有被选中的行,为什么我设了fieldName:'id',取到的值还是行号而不是id呢?而且我通过行号调用这个方法grid.getRecord(id),不同的id得到的都是同一条记录,请问怎么解决?谢谢。 grid.getRecord(id)方法的参数 是行号或者是tr对象 checkedRows 的问题你能不能把代码发来看看

colsConfig:
var colsConfig = [
		{id: 'sequenceId' ,isCheckColumn : true, filterable : false, header: "", title: "全选" ,fieldName:'sequenceId'},
		{id: 'ruleName' , header: "规则名称" , width :120 }

 ];

js方法:
function testCheck(){
	var ids="";
	var idsobj=GT.$json(grid_rule.checkedRows );
	alert(idsobj);
	for(var id in idsobj){
		var record=grid_rule.getRecord(id);
		alert(record['ruleName']);
		var s=record['sequenceId']
		ids=ids+s+",";
	}
	alert(ids);
	
}

比如我选中第一和第二条记录,alert出来的结果是{"0":true,"1":true}.而不是fieldName的值
19 楼 fins 2008-12-03  
kerrxu 写道

前一段时间说的有主从表的时候,过滤选项窗口显示不全的问题还在


下一个版本将修正这个bug
18 楼 fins 2008-12-03  
zhao_j_long 写道

提问:看了API和例子,只有一个insert函数可以调用.我想用在表单输入中,主表信息在文本框中,grid用来保存明细.先让用户在表单中输入商品信息,数量,单价.然后点击添加明细按钮,把数据加入在Grid中.用户可以删除信息,最后点击保存后,把主表和grid信息一起传到服务器.需要grid的insert,delete,save的上函数调用,不知怎么用.


grid.insert(record)
grid.del(tr)
grid.save()

这三个方法都是有的
17 楼 fins 2008-12-03  
xieguyue 写道

小胖,我通过 grid.checkedRows 取得所有被选中的行,为什么我设了fieldName:'id',取到的值还是行号而不是id呢?而且我通过行号调用这个方法grid.getRecord(id),不同的id得到的都是同一条记录,请问怎么解决?谢谢。


grid.getRecord(id)方法的参数 是行号或者是tr对象

checkedRows 的问题你能不能把代码发来看看


16 楼 zhao_j_long 2008-12-02  
提问:
看了API和例子,只有一个insert函数可以调用.
我想用在表单输入中,主表信息在文本框中,grid用来保存明细.先让用户在表单中输入商品信息,数量,单价.然后点击添加明细按钮,把数据加入在Grid中.用户可以删除信息,最后点击保存后,把主表和grid信息一起传到服务器.

需要grid的insert,delete,save的上函数调用,不知怎么用.
15 楼 fins 2008-12-02  
jiajian_22 写道

请问你那个性别列,是不是不要归在一起,修改某一个得时候不好弄。

那个只是一个示例

在实际应用中 是否编组 取决于你的需求

而且 目前 编组列 和 编辑功能 之间的关系处理的确实不好

建议 允许编辑的列 不要进行编组
14 楼 xieguyue 2008-12-02  
小胖,我通过 grid.checkedRows 取得所有被选中的行,为什么我设了fieldName:'id',取到的值还是行号而不是id呢?而且我通过行号调用这个方法grid.getRecord(id),不同的id得到的都是同一条记录,请问怎么解决?谢谢。
13 楼 jiajian_22 2008-12-02  
请问你那个性别列,是不是不要归在一起,修改某一个得时候不好弄。
12 楼 kerrxu 2008-12-02  
前一段时间说的有主从表的时候,过滤选项窗口显示不全的问题还在
11 楼 ahmanz 2008-12-01  
我们的项目也用上了,很方便,很舒服,多谢小胖多次不辞辛苦不辞劳烦的帮助,多谢。
10 楼 donghx 2008-12-01  
我已经用到项目里面了,谢谢小胖,支持你
9 楼 fins 2008-12-01  
zhzg605 写道

胖哥,下午什么时候能发布修订后的版本啊?

已经发布了 就在主贴里
8 楼 zhzg605 2008-12-01  
胖哥,下午什么时候能发布修订后的版本啊?
7 楼 fins 2008-12-01  
谢谢你的报告 确实是我的错误

bug已经修复 并且发布了
请下载 谢谢


P.S.: 别叫我专家了 , 我真的不是专家   

相关推荐

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

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

    GT-Grid 教程示例

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

    gt-grid demo 源码下载

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

    gt-grid的一个例子

    首先,`gt-grid` 提供了灵活的数据绑定机制,可以方便地将后台数据源与前端表格进行对接。在示例中,`doc1.txt` 可能包含有关如何设置数据源和如何将数据绑定到`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 表格源码,开发包,api手册

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

    gt-grid.rar+demo

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

    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之间建立数据交换机制,如...

    NVIDIA-GRID-Linux-KVM-470.63-470.63.01.zip

    此压缩包"NVVIDIA-GRID-Linux-KVM-470.63-470.63.01.zip"包含了与NVIDIA GRID相关的两个关键组件,以及一系列相关的文档,这些文档提供了详细的安装指南、更新说明和用户手册。 首先,我们来看一下两个主要的运行时...

    前端开源库-ag-grid-community

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

Global site tag (gtag.js) - Google Analytics