`

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

阅读更多
=====================================

原计划这个版本是要在 2008年12月底发布的
但是由于工作繁忙, 年底琐事一堆, 还要参加开发一个EXT的可视化设计器.
同时 为了解决gt-grid 在IE6的早期版本中的一个bug(其实是IE的bug,我要做的就是想办法绕开它)
结果迟迟没有开发完成.

今天总算是 完成了既定的目标, 可以发布了.不出意外(没有严重bug)的话,这个版本将是鼠年最后一个版本了.
希望牛年可以拿出一个更牛逼的版本献给大家.

QQ的讨论群由于某些原因 我无法登陆, 以后我还是改成在JE回答大家的问题吧.
群内的朋友暂时互助一下吧 对不起了.

=====================================
这个版本带有 与java后台结合的示例.
单独的最新版本的 GT-Grid 在
引用
gtdemo\WebContent\gt-grid

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

1 导出xls组件换成jxl
2 单击行选中 再次单击时不会取消选中状态 如果希望取消选中状态按住ctrl然后单击
3 服务端增加 isRemotePaging 方法,来判断客户端是分页取数还是一次性取数据

4 暴露 grid.endEdit() 方法 (结束当前的编辑状态)
5 暴露 grid.printGrid() 方法 (打印列表)

6 改进 grid.selectRow方法, 支持选中多行 (传入tr对象的数组)
7 增加 api : grid.forEachRow( yourFunction ) 遍历当前页的行
  yourFunction 形式 : fn(row,record,rowNo,grid)

8  修正了IE下刷新列表产生大量孤立节点以及内存泄露的问题,完善destroy机制 .
9  解决gt-grid在 IE6 的早期版本中 导致浏览器意外崩溃问题.(还需要更多的测试)
10 页面中有多个gt-grid时,弹出对话框(dialog)被其他gt-grid遮挡的问题(还不够完美).


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

关于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.html
(地址根据实际情况而定),进入"示例列表"页面

4 目前"示例列表"中有三个示例.
您可以点击您感兴趣的进行查看和研究.

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

注意: 附件并不是一个直接部署的war包 而是一个eclipse项目

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




分享到:
评论
42 楼 letsflytogether 2009-03-18  
当使用服务器端分页
序号显示的不合理
比如设定每页为50
第一页的序号是1-50
第二也的序号还是1-50
建议调整为51-100
与分页信息里的一致起来
41 楼 kilo8850 2009-03-13  
看了一下demo,觉得性能挺好的,但有两个问题:
    1。对于从数据库中取数据字典作为下拉框的显示和存储,是否支持
    2.是否支持树状的多级下拉框
40 楼 zhouky4665 2009-03-09  
我要动态设置grid的行当只读属性怎么写?
比如:单数行可编辑,偶数行不可编辑。怎么做?
39 楼 huosir 2009-02-25  
fins 写道

huosir 写道
用楼主这个框架不知为何50条数据花了10多秒,我debug了一下从DB里面取数据回来很快,不到1秒,而取出来以后调gridServerHandler.setDatalist,Customer.class)的时候慢得不行,而具体到调用耗时的方法便是JSONUtils.BeanList2JSONArray(List list , Class beanClass)。 难道是json转换数据效率太低吗,但再低应该不至于50条数据花了近20秒吧,楼主何解? 这个 JSONUtils 是个临时的演示用的东西 建议你换一个其他的专业 转换json的组件试一下 另外能够把你的list里的bean 类发来给我看看

list里面的bean类就是一个基本的pojo对象(get,set),属性有27个,类型有String,long,double三种。如果用别的json组件,楼主请推荐一个效率高点的
38 楼 fins 2009-02-23  
huosir 写道

用楼主这个框架不知为何50条数据花了10多秒,我debug了一下从DB里面取数据回来很快,不到1秒,而取出来以后调gridServerHandler.setDatalist,Customer.class)的时候慢得不行,而具体到调用耗时的方法便是JSONUtils.BeanList2JSONArray(List list , Class beanClass)。 难道是json转换数据效率太低吗,但再低应该不至于50条数据花了近20秒吧,楼主何解?

这个 JSONUtils 是个临时的演示用的东西 建议你换一个其他的专业 转换json的组件试一下

另外能够把你的list里的bean 类发来给我看看
37 楼 huosir 2009-02-23  
用楼主这个框架不知为何50条数据花了10多秒,我debug了一下从DB里面取数据回来很快,不到1秒,而取出来以后调gridServerHandler.setDatalist,Customer.class)的时候慢得不行,而具体到调用耗时的方法便是JSONUtils.BeanList2JSONArray(List list , Class beanClass)。
难道是json转换数据效率太低吗,但再低应该不至于50条数据花了近20秒吧,楼主何解?
36 楼 xuanye 2009-02-18  
zhouky4665 写道
fins 写道
zhouky4665 写道
我将GT集成到ext2的panel中,一个查询要3-4秒,仅仅显示了50条的数据,服务器端分页的。现在业务人员说要是生产还那么慢要把我杀了。郁闷啊郁闷

你先确认一下 慢在哪里 服务端 网速 还是 客户端

正常情况下 GT是不可能这么慢的
你再测试一下 找一下慢的瓶颈
另外 从ext2的panel拿出来 单独用还慢吗


我主要分析了一下:
1、当请求default.html的时候最慢,该html引了所有的js文件
2、当该html执行完成的时候执行ajax调用服务的时候,主要体现在panel加载gt的时候提示"loading"比较慢,能明显的感觉到停顿。
3、gt提示“操作进行中,请稍后”是也能感觉到停顿。
我认为瓶颈在这3个地方,html加载慢,我可以用apache来试试有没有改观。2、3不晓得怎么去改进了。麻烦指教
时间是:html响应时间>ext2 提示loading的时间>gt 提示“操作进行中,请稍后”的时间

后台服务时间很快。
在firefox下速度飞快,基本1秒内搞定。我就不明白IE咋就那么慢


IE执行Javascript的效率真的是不敢恭维
特别是IE6 ,DOM操作和循环特别明显。
35 楼 xuanye 2009-02-18  
fins 写道
xuanye 写道
http://www.sigmawidgets.com/products/sigma_grid2/

貌似和这个Grid基本一样。。。

两者是一个


很不错的Grid
34 楼 zhouky4665 2009-02-18  
fins 写道
zhouky4665 写道
我将GT集成到ext2的panel中,一个查询要3-4秒,仅仅显示了50条的数据,服务器端分页的。现在业务人员说要是生产还那么慢要把我杀了。郁闷啊郁闷

你先确认一下 慢在哪里 服务端 网速 还是 客户端

正常情况下 GT是不可能这么慢的
你再测试一下 找一下慢的瓶颈
另外 从ext2的panel拿出来 单独用还慢吗


我主要分析了一下:
1、当请求default.html的时候最慢,该html引了所有的js文件
2、当该html执行完成的时候执行ajax调用服务的时候,主要体现在panel加载gt的时候提示"loading"比较慢,能明显的感觉到停顿。
3、gt提示“操作进行中,请稍后”是也能感觉到停顿。
我认为瓶颈在这3个地方,html加载慢,我可以用apache来试试有没有改观。2、3不晓得怎么去改进了。麻烦指教
时间是:html响应时间>ext2 提示loading的时间>gt 提示“操作进行中,请稍后”的时间

后台服务时间很快。
在firefox下速度飞快,基本1秒内搞定。我就不明白IE咋就那么慢
33 楼 fins 2009-02-17  
xuanye 写道
http://www.sigmawidgets.com/products/sigma_grid2/

貌似和这个Grid基本一样。。。


两者是一个
32 楼 xuanye 2009-02-17  
http://www.sigmawidgets.com/products/sigma_grid2/

貌似和这个Grid基本一样。。。
31 楼 fins 2009-02-17  
zhouky4665 写道
我将GT集成到ext2的panel中,一个查询要3-4秒,仅仅显示了50条的数据,服务器端分页的。现在业务人员说要是生产还那么慢要把我杀了。郁闷啊郁闷

你先确认一下 慢在哪里 服务端 网速 还是 客户端

正常情况下 GT是不可能这么慢的
你再测试一下 找一下慢的瓶颈
另外 从ext2的panel拿出来 单独用还慢吗
30 楼 zhouky4665 2009-02-17  
我将GT集成到ext2的panel中,一个查询要3-4秒,仅仅显示了50条的数据,服务器端分页的。现在业务人员说要是生产还那么慢要把我杀了。郁闷啊郁闷
29 楼 ming500 2009-02-15  
请教一个问题:

我如何定义 数字 列的格式化呢?

比如:对于一些金额,数据是1000,格式化后显示为 1000.00 等.
28 楼 fins 2009-02-12  
zhouky4665 写道
bug提报:
    我把gt集成到panel中1月15号版本在filter点击确定按钮时候会报“this.filterTool.itemIcon为空或者不是对象”错误,以前版本不会报这个错误的哦!


谢谢你的报告 确实是bug 已经修正
27 楼 zhouky4665 2009-02-12  
bug提报:
    我把gt集成到panel中1月15号版本在filter点击确定按钮时候会报“this.filterTool.itemIcon为空或者不是对象”错误,以前版本不会报这个错误的哦!
26 楼 fins 2009-02-12  
zhouky4665 写道

老大,separateLine.style 为空或者不是对象这个是怎么造成的,我把gt-grid加入到panel中关闭的时候就报这样的错误


可能是由于 panel关闭时 销毁了grid, 而事件冒泡到document时 引起了之前gt注册到document的一个事件 那个事件可能并不知道grid被销毁了.

这个bug我已经尝试修改了

新版本发布后 麻烦你再试一下 谢谢了

icank 写道
bug 报告:
GT.Grid 定义里的 showIndexColumn : true 设定以后,点击索引列会出现 javascript 错误(parentNode 是 null ....)。
IE 6 和 IE 7 下面都测了,都出现 js 错误。

25 楼 zhouky4665 2009-02-11  
老大,separateLine.style 为空或者不是对象
这个是怎么造成的,我把gt-grid加入到panel中关闭的时候就报这样的错误
24 楼 fins 2009-02-05  
Leapiny 写道
letsflytogether 写道
刚才又仔细看了看网站
几乎可以肯定这是gt-grid在国外的产品
不明白fins为何不公布啊
我从网上下了个sigma_grid2.1的版本
基于lgpl协议发布
发现里面有源代码
而且文档也更加完整
比你现在这个gr-grid 1.42要好用得多

关注两者的关系,要是一个的当然更好。


这个问题我回答过 是一个 呵呵
23 楼 Leapiny 2009-02-05  
letsflytogether 写道
刚才又仔细看了看网站
几乎可以肯定这是gt-grid在国外的产品
不明白fins为何不公布啊
我从网上下了个sigma_grid2.1的版本
基于lgpl协议发布
发现里面有源代码
而且文档也更加完整
比你现在这个gr-grid 1.42要好用得多

关注两者的关系,要是一个的当然更好。

相关推荐

    GT-Grid 教程示例

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

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

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

    gt-grid demo 源码下载

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

    gt-grid的一个例子

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

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

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

    gt-grid 基础教程

    **gt-grid基础教程** 在网页开发中,数据的展示往往是不可或缺的部分,特别是在处理大量结构化信息时。`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 分页 用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拥有一个庞大的开发者社区,共享经验、解答疑问,共同推动组件的...

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

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

Global site tag (gtag.js) - Google Analytics