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

因为喜欢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俺可是读了一遍代码才用的。

评论

34 楼 lprince 2008-06-19  

感觉自己是明智的，项目开始，断然决定自己写个GRID，尽管样式不是太好看，但是功能已经基本够用了，看看代码才40K还没压缩。

33 楼 tiger822 2008-06-18  

各位老大，能不能介绍一下Ecside有什么用？？

32 楼 xqstation 2008-06-13  

YUI才是王道。。。

31 楼 aninfeel 2008-06-12  

fins 写道

"读了一遍代码"
说实话  那代码写的实在够烂  我后悔开源了 丢人啊 :'(

优雅的背后必然隐藏了丑陋的东西。

30 楼 chenlb 2008-06-08  

个人觉得jquery好用.看好它

29 楼 csf177 2008-06-07  

cats_tiger 写道

yanshiyi 写道

case1.我以前在javaeye找到一个人写的弹出窗口，每次打开都会消耗掉5M内存，而且无法释放，后来是我改了他的代码才解决掉这个问题；
case2.在找到case1之前的代码前，我找到了一个基于prototype的弹出式窗口，那叫一个漂亮，但是问题是一样的，内存没法释放，只是消耗少一些：3M。因为无法修改代码，只好放弃；
case3：为了达到拖放效果，我使用mootools的一个插件，但是没拖放一次都会消耗掉2M内存，而且不管我怎么修改我的代码都无法解决，后来发现是插件的问题，可惜我不会写拖放效果的代码，只好听之任之了；
case4：我同事的代码因为引入了一些组件，结果每次打开页面，50M内存没了；
case5：以前看到一个公司的产品演示，效果还可以，但是那个内存啊！估计用不到10分钟就能把差一点的机器弄崩溃了。

以上是我的亲身经历，不过都是发生在IE的情况下，尤其是最后一个，在FF下，一点问题没有，当时那个演示地址的登录窗旁边就写着：推荐使用火狐。

老天，N年前我写过一个GIS系统，用VC++，内存泄露的也没这个狠，那时候我还不会写程序。也许是我没有注意过，用浏览器的时候从来没遇到内存泄露。

VC++怎么会内存泄露呢 明明是手动管理内存......

28 楼 cats_tiger 2008-06-06  

yanshiyi 写道

case1.我以前在javaeye找到一个人写的弹出窗口，每次打开都会消耗掉5M内存，而且无法释放，后来是我改了他的代码才解决掉这个问题；
case2.在找到case1之前的代码前，我找到了一个基于prototype的弹出式窗口，那叫一个漂亮，但是问题是一样的，内存没法释放，只是消耗少一些：3M。因为无法修改代码，只好放弃；
case3：为了达到拖放效果，我使用mootools的一个插件，但是没拖放一次都会消耗掉2M内存，而且不管我怎么修改我的代码都无法解决，后来发现是插件的问题，可惜我不会写拖放效果的代码，只好听之任之了；
case4：我同事的代码因为引入了一些组件，结果每次打开页面，50M内存没了；
case5：以前看到一个公司的产品演示，效果还可以，但是那个内存啊！估计用不到10分钟就能把差一点的机器弄崩溃了。

以上是我的亲身经历，不过都是发生在IE的情况下，尤其是最后一个，在FF下，一点问题没有，当时那个演示地址的登录窗旁边就写着：推荐使用火狐。

老天，N年前我写过一个GIS系统，用VC++，内存泄露的也没这个狠，那时候我还不会写程序。也许是我没有注意过，用浏览器的时候从来没遇到内存泄露。

27 楼 csf177 2008-06-06  

yanshiyi 写道

cats_tiger 写道

fins 写道

听我一句 jquery的列表 现在绝对还不成熟

我上次找jquery的Grid大约是在4个月前，没有找到一个看的过去的。于是项目中使用了Ext，后来觉得为了一个Grid就引入500K的Ext有些亏了，所以开始大量的用Ext的各种Widgets。短短的4个月过去了，这次一看，居然有如此水平的作品，所以我对jquery的列表还是有信心的。

csf177 写道

内存泄露丫 现在不泄漏的grid绝对是稀有品种 如果发现 一定要发出来看看

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

case1.我以前在javaeye找到一个人写的弹出窗口，每次打开都会消耗掉5M内存，而且无法释放，后来是我改了他的代码才解决掉这个问题；
case2.在找到case1之前的代码前，我找到了一个基于prototype的弹出式窗口，那叫一个漂亮，但是问题是一样的，内存没法释放，只是消耗少一些：3M。因为无法修改代码，只好放弃；
case3：为了达到拖放效果，我使用mootools的一个插件，但是没拖放一次都会消耗掉2M内存，而且不管我怎么修改我的代码都无法解决，后来发现是插件的问题，可惜我不会写拖放效果的代码，只好听之任之了；
case4：我同事的代码因为引入了一些组件，结果每次打开页面，50M内存没了；
case5：以前看到一个公司的产品演示，效果还可以，但是那个内存啊！估计用不到10分钟就能把差一点的机器弄崩溃了。

以上是我的亲身经历，不过都是发生在IE的情况下，尤其是最后一个，在FF下，一点问题没有，当时那个演示地址的登录窗旁边就写着：推荐使用火狐。

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

26 楼 tsroom 2008-06-06  

使用YUI中的grid,也是不错，定制、扩展的功能也还强。
现在用jqurey插件，还缺乏风格一致的UI完整套件，UI在风格上很难统一，
而使用Ext,UI就是一个模子。很难定制。
我觉得，使用yui套件做开发也未尝不可啊。又是一套统一的UI集，定制也强。
不过国内用的，真的少。

25 楼 mhere 2008-06-06  

对于jquery以前的ui来说 已经很不错了

24 楼 fins 2008-06-06  

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函数

23 楼 csf177 2008-06-06  

cats_tiger 写道

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

我觉得这种控件就应该自己写 就算你写的不如别人写得好 一旦出现问题也比较容易控制

没有那么多js肯定不会泄露 所以我觉得很多时候与其追求效果 不如直接table来的实惠

22 楼 spiritfrog 2008-06-06  

flexgrid试了一下， 还不能支持排序的， 而且没文档说明。
如果加上排序就差不多够用， 比起ext还是差远了。
jqgrid倒是能排序， demo和文档比起flexgrid要做的好， 如果要我选，就用jqgrid。

21 楼 stworthy 2008-06-06  

JQUERY的插件很多，质量也参差不齐，光一个GRID就有好几个，其实不需要太多，只要一个好用就够了。JQUERY的UI需要整合。

20 楼 cats_tiger 2008-06-06  

fins 写道

听我一句 jquery的列表 现在绝对还不成熟

我上次找jquery的Grid大约是在4个月前，没有找到一个看的过去的。于是项目中使用了Ext，后来觉得为了一个Grid就引入500K的Ext有些亏了，所以开始大量的用Ext的各种Widgets。短短的4个月过去了，这次一看，居然有如此水平的作品，所以我对jquery的列表还是有信心的。

csf177 写道

内存泄露丫 现在不泄漏的grid绝对是稀有品种 如果发现 一定要发出来看看

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

19 楼 cats_tiger 2008-06-06  

我还是觉得够用就好。
最近接触了一个电信的项目，规模很大，Grid就是用html + jstl，也一样用，分页也是html+jstl。
对大多数应用来说，Grid的基本功能+排序+分页就够了。更好一些的是带有resize column的和inline edit的，不过没有也没关系。至于复杂的表格和图表，可以用专业的report工具来做。
之所以到处找Grid，是我被EC和Ext惯坏了，我们客户的口味也变刁了。我不希望找到一个比它们更好的grid，只是希望找一个比他们更小的Grid。至于代码是否优雅，设计是否合理，不是我关心的问题，更不是客户关心的问题。你不能指望大家做的都跟EXT一样。

18 楼 fins 2008-06-06  

不仅仅是代码优雅与否的问题

从设计 到功能 都差很多

代码可以重构 功能可以添加 但是设计要是重来相当困难

可以这么说 如果这两个东西不做大幅度的改变 今后没有戏

17 楼 zhyi_12 2008-06-05  

<p>粗粗的看看了下jqGrid,缺实还有段路要走。 <br/>代码优雅度和官方UI还是有一定的差距的。 <br/>还是UI里面这种类似的方式看着比较顺眼</p>
<p> </p>
<pre name='code' class='js'>(function($) {
  $.youi.tree = function(el,o){
      $.data(el, "tree", this);
      $.youi.createObject(this,el,o);
  };
  $.extend($.youi.tree.prototype,$.youi.object.prototype,{
      ......
  });
  $.fn.extend({
     youiTree:function(o){
         var args = Array.prototype.slice.call(arguments, 1);
         return this.each(function() {
             if(typeof o == "string") {
                  var tree =  $.data(this, "tree") || {};
                  if (tree[o])tree[o].apply(tree, args);
             }else{
                  new $.youi.tree(this, o);
             }
        });
     }
  });
})(jQuery);
</pre>
<p> </p>

16 楼 fins 2008-06-05  

补充一下
"lexigrid要比jqGrid强"
是指展现效果 和美观程度

15 楼 fins 2008-06-05  

这个不是靠数据的
而是靠体验的
随便用用就出错

功能不够丰富(一些常用的功能都没有)

整个组件的机制很不完善 缺乏相关的文档和扩展机制.

flexigrid要比jqGrid强.

如果你只是想要一个可以固定表头的表格 没必要用它
而如果你还有更多需求 那么 这两个组件很难满足你的需求