`
cats_tiger
  • 浏览: 276887 次
  • 性别: 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+CSS3迷你音乐播放器效果.zip

    本文将深入解析“jQuery + CSS3 迷你音乐播放器效果”这一主题,通过分析提供的文件列表,我们将探讨如何利用这两种强大的技术构建一个实用且美观的音乐播放器。 首先,我们要了解jQuery,这是一个广泛使用的...

    jquery.jqGrid-3.8.2.zip

    jQuery.jqGrid 是一个基于 jQuery 的开源网格插件,专为构建数据密集型Web应用而设计。在3.8.2版本中,该插件提供了丰富的功能,包括数据的检索、排序、分页、编辑以及过滤等,使得数据展示和管理变得更为便捷。本篇...

    jqgrid 插件

    jqGrid是一款基于jQuery的表格插件,用于创建功能丰富的数据网格。它提供了强大的数据操作、分页、排序、过滤和编辑功能,使得在Web应用中展示和管理数据变得极其便捷。在JavaScript和HTML5的世界里,jqGrid是开发...

    js+php 14套手册

    这份"js+php 14套手册"压缩包提供了全面的学习资源,涵盖了这两个领域的核心知识,对于初学者和经验丰富的开发者来说都是宝贵的参考资料。 首先,我们来看看JavaScript手册。JavaScript是一种轻量级的解释型编程...

    html5 360系统大师页面滚动展示大气简约.zip

    在这个压缩包中,有两个主要文件:index.html和style.css。 首先,我们来探讨一下HTML5。HTML5相较于之前的版本,引入了许多新的元素和API,旨在提升网页的语义性、可访问性和交互性。例如,`&lt;header&gt;`、`&lt;nav&gt;`、`...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +所有的面板默认有两个集合属性(Toolbars和Items). -尽管TabStrip, From, Tree, Accordion继承了Items属性,但是你并不能对其设置(此时Items是只读的). -这将会影响所有的aspx页面,一定要将工具条...

    ExtAspNet_v2.3.2_dll

    +所有的面板默认有两个集合属性(Toolbars和Items). -尽管TabStrip, From, Tree, Accordion继承了Items属性,但是你并不能对其设置(此时Items是只读的). -这将会影响所有的aspx页面,一定要将工具条...

    Summit-Site:Summit AIO的响应式前端草稿

    2. **Flexbox** 和 **Grid**:这两项CSS布局模型使得创建灵活、响应的布局变得更加简单。Flexbox处理一维布局(行或列),而Grid处理二维布局,能更方便地控制网格系统的单元格。 3. **Bootstrap** 或其他框架:...

Global site tag (gtag.js) - Google Analytics