`
cats_tiger
  • 浏览: 276503 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery终于有两个看得过去的Grid插件了

    博客分类:
  • Ajax
阅读更多
因为喜欢jQuery,所以一直希望整个团队都用jquery,可惜它的UI比较薄弱尤其没有好用的Grid。GT-Grid虽然很好很强大,但可惜不开源(免费但是不开源),而且只有fins大大一个人支撑,令人担心。现在,jquery终于有了两个不错的Grid了。
第一个是这个:http://webplicity.net/flexigrid/,功能虽然算不上有什么了不起,但是基本的都有了,风格类似于Ext。对我来说,flexgrid是一个够用的grid.
另外一个是jqGrid。以前在http://plugins.jquery.com/狂找,基本没有发现符合要求的Grid,只有一个jqGrid,但是不支持JSon,只能用XML。刚才去jqGrid的网站上看了,现在3.1版本了,支持Json,还有很多功能,貌似不比Ext Grid差多少。jqGrid发展挺快的,前不久记得还是1.0,现在就3.2了,文档也不错,可是找了半天也没有找到它的许可协议。jqGrid的网站是http://www.trirand.com/blog/

BTW:很理解GT-Grid不开源,可是不开源的我是不敢放到项目中用的,以前的ECSide俺可是读了一遍代码才用的。
分享到:
评论
54 楼 sheyi 2012-12-26  
jqgrid是不错,我一直在用。
欢迎大家使用嗨网
53 楼 yxhcool 2009-03-23  
flexgrid还是不错的,自己改起来很方便,但它的性能确实不行,数据稍多就要等几秒,真想把它重写了
52 楼 smilebug 2009-03-19  
俺们现在在用Dojo,以前还用过Backbase(这个东东实在是慢,而且编码麻烦)
51 楼 winstonczc 2009-03-18  
现在好像还不少公司是用ext来开发企业应用的,我觉得目前jquery和ext各有各的好处,都有各自的适用的应用环境
50 楼 smilebug 2009-03-18  
ayeah 写道
stworthy 写道
JQUERY的很多插件风格都不统一,不象EXT有统一的样式控制及操作风格。


这就是我碰到的问题,现在搞的系统用了ui里面的accordion,flexigrid,将来可能还会用tab等插件,风格都不统一,只能花点功夫去改改css才可以了

不过jquery插件这点真是太强了,为我省了不少事。。。



简单的UI,像accordion、tab这些可以直接到http://jqueryui.com/去找统一风格的
49 楼 zhudp.cn 2009-03-17  
flexigrid外观是比较漂亮,不过,代码效率我觉得还不如ext的grid,而且它的Json数据加载是按照特定顺序加载的,不够灵活,我使着把它的数据加载改了一遍,不过能力有限,效率很是问题
48 楼 erichua 2009-01-03  
jquery短小精悍,功能强大,UI操作混乱,适合高手自己动手,上手难但深入容易
Extjs 稍许胖大,功能约束,UI操作统一,适合新手上马,上手容易深入难呀。
所以高手用jquery,新手用extjs

47 楼 xjsd12 2008-12-12  
嗨,看来偷不成懒了, 还是自己写吧
46 楼 cats_tiger 2008-11-02  
整了半天,俺们还是用ecside和ext grid,都白说了。
45 楼 bingohu 2008-09-25  
引用
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.
44 楼 pkq 2008-08-27  
请问flexigrid如何在第一列添加复选框,以及点击tr后触发选中该行的checkbox?
43 楼 javafan80130 2008-08-08  
我们检查过了,我是在本地本机测试的。
2、3S完全花在客户端电脑。

不过由于用户是不可控制的,也无法让所有用户升级电脑。

如何解决问题好呢?
42 楼 ayeah 2008-08-08  
<div class='quote_title'>javafan80130 写道</div>
<div class='quote_div'>请问一下:
flexgrid当有几十条记录的时候,显示一次要化2、3S,这用户难以接受,请问知道怎么解决么?</div>
<p> </p>
<p>你要看这2,3s花在哪里,给你选:</p>
<p> </p>
<p>A.客户端下载js包(20K的flexigrid)</p>
<p>B.从服务器取数据</p>
<p>C.客户端解析XML或JSON</p>
<p> </p>
<p>如果A,检查带宽,如果B,升级服务器,优化数据库。。。,如果C,升级客户端电脑</p>
41 楼 javafan80130 2008-08-06  
请问一下:

flexgrid当有几十条记录的时候,显示一次要化2、3S,这用户难以接受,请问知道怎么解决么?
40 楼 ayeah 2008-07-03  
stworthy 写道
JQUERY的很多插件风格都不统一,不象EXT有统一的样式控制及操作风格。


这就是我碰到的问题,现在搞的系统用了ui里面的accordion,flexigrid,将来可能还会用tab等插件,风格都不统一,只能花点功夫去改改css才可以了

不过jquery插件这点真是太强了,为我省了不少事。。。
39 楼 stworthy 2008-07-02  
JQUERY的很多插件风格都不统一,不象EXT有统一的样式控制及操作风格。
38 楼 ayeah 2008-07-02  
jqgrid太臃肿,我放弃了,还是选择了flexigrid,功能虽然简单,也没有文档,不过还是比较好改的,自己扩展一下应该就好用了。。。
37 楼 csf178 2008-07-01  
unload时进行集中释放 唉
那还处理啥内存泄露 泄不泄露一个样

现在的IE8真有性格 干脆替大家unload时全释放 还不如IE6
真亏他们想得出来
36 楼 hax 2008-07-01  
csf177 写道

老兄你也太倒霉了......
怎么都是一泄露就好几M啊......


这个事情挺正常。凡在IE下做复杂的Ajax开发的同志几乎都会碰到这类问题。我贡献一个陈年往事:

俺们那个网页经过非常细致的处理终于把99%的内存泄漏干掉了,虽然内存占用还是会随着时间流逝而上升,但至少刷新的时候会释放,至多只有几十k的占用。

但是恐怖的是,在页面ajax更新页面若干次之后,页面unload的时候(也就是刷新或者close时)会假死(IE没响应),最严重时达到30秒!我靠,QA都抓狂了,我们也抓狂了。

经过我三昼夜的排查,终于发现此问题与一个htc的内存泄漏bug有关。诡异的是,它并非因为内存泄漏而死机,而是因为没有泄漏(因此会在unload时进行集中释放)而死机。。。
35 楼 ayeah 2008-07-01  
fins 写道
cats_tiger 写道
fins 写道
听我一句 jquery的列表 现在绝对还不成熟

我上次找jquery的Grid大约是在4个月前,没有找到一个看的过去的。于是项目中使用了Ext,后来觉得为了一个Grid就引入500K的Ext有些亏了,所以开始大量的用Ext的各种Widgets。短短的4个月过去了,这次一看,居然有如此水平的作品,所以我对jquery的列表还是有信心的。
csf177 写道
内存泄露丫 现在不泄漏的grid绝对是稀有品种 如果发现 一定要发出来看看

多数项目中仍然在用html+jstl的grid就没有内存泄漏
BTW:javascript俺学的很差,谁能告诉俺,javascript造成的内存泄漏究竟有哪些影响?


如果你的需求只是  展现数据 + 固定表头 + 分页 , 我想有更多更小巧的组件可以满足你的需求.

我在实际中接触到列表的客户 对功能性 和可扩展性要求还是很高的.

而且任何一个 倚仗ajax技术的列表组件 都不能忽视 "客户端数据模型" 以及"交互性事件"这两个特质.

而 jquery的这两个grid目前在这方面做的工作几乎为0.

你可以看看,我下面几个简单的需求(和"编辑"无关)  jq的这两个组件如何实现.


1 取得当前选中行的 数据( 是数据, 不要tr对象 因为 tr的td里显示的东西 未必和原始的数据一致)
2 取得当前页面中某一列对应的所有数据
3 在我选中某行后, 触发我的自己写的一个js函数. (选中一行,然后在页面内的某个区域或弹出页面中显示这一行的详细信息,是很常见的需求)
4 在列表数据全部载入后 触发我写的一个js函数






你说的这些好像jqGrid里面都有啊。。。文档里面有说明,sample也很多,不过我用到jqgrid碰到点问题,还用不了,就是表头和内容对不上

http://picasaweb.google.com/ayeah.net/Me/photo#5217984355119927394
http://picasaweb.google.com/ayeah.net/Me/photo#5217984353363626002

看了flexGrid好像简单点,准备试试。。

其实我就是看中这些grid的外表,那些扩展功能要自己加还是可以的,毕竟源代码放在那里。。。

相关推荐

    jquery grid 插件

    本文将详细介绍一个由个人编写的jQuery Grid插件,它具备分页、排序、JSON传输以及记录渲染等功能,帮助开发者更便捷地处理复杂的表格数据。 首先,让我们来看看什么是jQuery Grid。jQuery Grid是基于jQuery的一个...

    jquery插件库(jquery.treeview插件库)

    jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....

    jquery网页表格插件pqgrid-2.4.1.zip

    《jQuery网页表格插件PQGrid 2.4.1详解》 在Web开发中,数据展示是不可或缺的一部分,尤其在大数据量、多列信息的场景下,一个强大的表格插件能够极大地提升用户体验。PQGrid就是这样一款优秀的jQuery表格插件,它...

    jQuery grid view plugin - jQuery表格插件

    在"office_blue"这个文件名中,我们可以推测这是一个预设的主题或者样式,可能是jQuery Grid View插件内置的一种视觉样式,为表格提供了一种专业且商务化的外观,类似于常见的办公软件界面风格。这种主题可能包含了...

    jquery grid插件 -- 编辑表格

    jQuery Grid 插件为网页开发者提供了一个强大而灵活的工具,用于创建功能丰富的表格,特别是对于数据的编辑功能,它提供了直观且高效的解决方案。这篇讲解将深入探讨 jQuery Grid 插件如何实现表格的编辑功能。 ###...

    基于jquery的Grid插件

    支持分页、排序、列模型渲染等基本功能,数据模型等。支持行的双击事件。

    Sigma-Grid.zip_grid_grid jquery_html jquery_jquery grid

    Sigma Grid 是一个基于 jQuery 的数据网格插件,用于在网页中展示和操作表格数据。它提供了丰富的功能,如分页、排序、过滤、编辑等,适用于各种数据密集型的Web应用。这个压缩包包含了关于 Sigma Grid 的使用指南和...

    Another JQuery Grid Plugin —— MagicGrid 插件

    MagicGrid is a small and flexible JQuery grid plugin. Although it only provide basic grid function, good design model give it great flexibility. It is open source and totally free. Before your start, ...

    jsGrid jQuery表格插件

    **jsGrid:jQuery表格插件详解** jsGrid是一款强大的、轻量级的JavaScript表格插件,它基于jQuery库,能够帮助开发者快速构建功能丰富的数据表格。这款插件以其易用性、灵活性和高效的性能,广泛应用于各类小型内容...

    jquery插件库大全(200个).zip

    jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...

    jquery grid表格插件

    在实际项目中,我们经常会遇到Moodgets_0.08这样的文件,这可能是一个特定版本的jQuery Grid插件包。这个文件可能包含了插件的JavaScript和CSS文件,以及可能的示例代码和文档。解压后,开发者可以通过查看示例代码...

    自己写的jquery 插件 grid

    这个项目的标题和描述揭示了它是一个基于jQuery的自定义插件,目标是构建一个类似于表格(grid)的数据展示和管理工具。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等...

    jquery Grid Demo

    jQuery Grid 是一个强大的数据展示和管理工具,它基于 jQuery 库,提供了丰富的功能,包括数据的排序、查询、分页等,使得开发者能够快速构建交互式的表格应用。在本篇文章中,我们将深入探讨 jQuery Grid 的核心...

    jquery grid demo

    本演示集中了 `jQuery Flexigrid` 和 `DatePicker` 的应用,旨在展示如何结合这两个组件来创建功能丰富的用户界面。 ### jQuery Flexigrid `jQuery Flexigrid` 是一个基于 `jQuery` 的网格插件,它提供了灵活的...

    jquery插件--表格树--GridTree(20091011更新版本)(过期)

    《jQuery插件——表格树GridTree详解》 在网页开发中,数据的展示方式多种多样,其中表格和树形结构是常见的两种。当这两种元素结合在一起时,就形成了表格树,这种布局方式既能清晰地展示层次关系,又能有效利用...

    jQuery的车牌插件

    而“jQuery的车牌插件”是这个库的一个扩展,专门针对车牌号码输入场景进行优化,提供了更加友好和高效的用户体验。 这款基于jQuery的车牌输入插件设计目标是让用户在网页上输入车牌号码时,能够享受到如同原生应用...

    Jquery和jquery的常用插件

    在给定的压缩包文件中,我们发现了几个关键的jQuery插件,它们分别是zTree、Grid和Layer。这些插件进一步扩展了jQuery的功能,提供了更多实用的组件和功能,以满足Web开发中的各种需求。 1. **zTree**:zTree是一个...

    jQuery瀑布流插件Grid-A-Licious.zip

    **jQuery瀑布流插件Grid-A-Licious** 在Web开发中,瀑布流布局是一种常见的网页设计方式,它模拟了瀑布从高处垂直下落的效果,使得页面上的内容元素能够以一种美观且富有层次的方式呈现。jQuery作为一款强大的...

    orgchart.js 组织架构图之JQuery插件

    组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件...

Global site tag (gtag.js) - Google Analytics