注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

jQuery的几个Grid插件简单比较  

2014-03-22 23:21:38|  分类: JS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
目标:实现一个类似于Excel功能的Grid数据维护功能,并且就地编辑在乎的是Cell编辑而不是行编辑
候选者:easy-ui之datagrid, jqgrid, flexigrid
使用环境:jquery, bootstrap,bootstrap-datepicker
特性要求:
1. 列排序和列宽改变
2. 行颜色改变和样式
3. 表头排序,表头改变顺序
4. cell inline editing
5. 易于定制和扩展

上面上个没有没有一个本身就能满足所有的功能
其中easy-ui datagrid缺乏列重排序和Cell edit的功能
jqgrid缺乏列重排
flexgrid缺乏就地编辑的功能

幸运的是它们每一个自己改改都能实现自己的功能,其中flexgrid我个人觉得最轻量级最灵活,所以给他配上in-place edit插件,然后利用它的process回调函数,所有功能特性全部满足了,主要是干干净净,看着就舒服。而且它的UI非常像EXTJS,个人非常喜欢,还有是表头的拖拽功能,隐藏显示功能都非常要用。

jqgrid 2008年就搞过,功能非常丰富,它处理复杂Grid,比如嵌套grid,组合表头都很棒,但是它很多东西严重依赖JQuery UI来搞,皮肤都是Jquery Ui的,如果项目中用了JQuery UI,那么使用它作为JQuery UI在Grid方面的功能实现,是非常棒的;

EasyUI是近年流行的JQuery下类ExtJS的UI库,它提供了完整的一套UI组件,并且日趋成熟,如果整个系统都是由EasyUI做的,那么用EasyUI也是很棒的,但是我却不喜欢它默认的风格,觉得某些方面不如EXTJS那么细腻。
  评论这张
 
阅读(325)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017