比较JqGrid与XtraGrid

此只能比较两者的功能优劣,实现某种功能、效果的方便性和效率。首先分别粗略介绍XtraGrid和jqGrid

  DevExpress是目前.net下最为强大和完整的UI控件库, XtraGrid是这个控件库中重要的控件之一。在XtraGrid中集成了大量的高级特征,所以使用它进行开发的人员只需要对其属性进行简单的设置或编 写少量的代码,就能创建出十分美观的界面,从而使开发的工作效率大幅提高。

  特点如下

  • 完全支持ADO.NET,一闪而过的数据装入速度,XtraGrid充分利用内建的ADO.NET功能。使用这些新的数据访问架构并且内部数据模块与数据表达分离,在任何数据装入模式下XtraGrid不 使用任何额外的缓冲,即使当列分组时,XtraGrid使用很小的内存并执行请求操作与从数据源获取数据一样快速。
  • 高级非绑定模式支持 , XtraGrid可以和所有支持List或ITypedList以及其继承接口一起工作。
  • 带状的/漂亮的列, 当屏幕显得很很珍贵时,您能够用带状列最大化可见列的数量呈现给客户。您甚至非常容易和简单地能够在列头显示图像。
  • 自动数据分组并支持连接点分组 ,允许您的用户分组储存在XtraGrid中的数据,而且列无限制,使他们能够从未有过的分析和编辑信息功能。
  • 自动列分组,利用XtraGrid,您能够排序无限制数量的列,不需要写一行代码;
  • 自动数据过滤 , 通过类似Excel风格的过滤特征,您能够基于列内容过滤数据 - 任何列。过滤表达式甚至可以显示在网格的底部,提醒您的用户他们正在查询什么内容。您还能够创建您自定义的过滤对话框匹配用户需要的过滤特征。
  • 真正主细数据支持(Master-Detail) , XtraGrid允许您在绑定或非绑定模式下建立和表示主细(master-detail)信息,您甚至能够使用下拉模式放缩每个细项级,允许简单的维护最复杂的关系设置。
  • CustomDraw自定义绘制, 需要绘制任何Grid对象 - 行、列头等?用XtraGrid没问题,只有您的想象是限制。
  • 高级设计时支持 , XtraGrid提供高级的设计时编辑器,允许您控制所有XtraGrid的外观而不需要写任何一行代码。使用高级设计时支持您能够管理高级特征如级、风格、列和概括等。
  • 完全的数据概括, 概括允许您直接在Grid中表示统计信息如MIN, MAX, AVG, SUM和COUNT而不必采用古老而难看的单独的edit控件。您甚至允许您的用户用分组头和注脚概括分块数据。
  • 基于View的架构, 在XtraGrid中的每一级能够通过不同的View表达。XtraGrid使用标准的行列View以及CardView,类似Microsoft Outlook。所有Views都能够很快的改变。
  • 每列多种编辑器 - XtraGrid的同一列可以使用不同的编辑器。

  jqGrid是一个jQuery的plugin,提供grid操作界面,并支持经Ajax连结服务器上的资料源。jqGrid在共同的基础结构上,提供数种操作模式,分别包装于不同的档案之中。除了共享的数个档案之外,使用者按需要选择操作模式,并使用对应的程序档。可惜各操作模式之间常见功能雷同之处,程序重用性却未进一步整合、提升,而各模式的更新速度也不太一致。

  特点如下

  • 完整的表格呈现与运算功能,包含换页、栏位排序、grouping、新增、修改及删除资料等功能。
  • 客制化的工具列。
  • 预设的Navigator 工具列,可以很容易的使用新增、删除、编辑、检视及搜寻等功能。
  • 完整的分页功能。
  • 按下任一栏位的标头,皆可以该栏位为排序项目。无论是升幂或降幂皆可。
  • 预设的action formatter,可以快速而直觉地对每笔资料做运算。
  • 除了jqGrid lib 所提供之formatter(包括email,link,select,checkbox,date 等) 外,开发者可以从资料来源自订资料显现方式,即所谓的custom formatter。

  

两者的不同归结为以下方面:

表格视图

  XtraGrid中有4种类型的View,它们分别是:GridView(二维表格视图)、BandedGridView(带状二维表格视图)、AdvBandedGridView(高级的带状二维表格视图,增加了一些操作功能)、CardView(卡片视图)。这4种类型的View都是从ColumnView中继承而来,而ColumnView又是从BaseView继承来的。其中BaseView和ColumnView都是抽象类(abstract),不能实例化。

  由于每种视图都是一个类,它们对基类ColumnView重写不尽相同,故某些效果在一种视图上可以实现,换了另一种视图就不行了。

  jqGrid同样也有二维表格视图,带状二维表格视图,树状视图。

  对于二维表格视图与带状表格视图,它们的区别只在于在属性处添加多一个表头分组,对表格的操作完全一样,故更换视图的类型后其实现功能和效果不会有差异。

模板列

     XtraGrid提供比较丰富的模板列类型,但是在自定义模板方面就欠缺了,一个模板列只能使用一种类型,比如在一个列里头想放一个不可编辑的文本框,一个图片按钮,还有一个日历控件,这样就办不到了。而且那个模板列里只能使用XtraGrid它定义的那套模板列类型,想使用自己定义的类型或者用微软原本定义的控件也不行。用它原本的控件好处是get/set值比较方便,同时也使得模板没办法使用别的控件。

  jqGrid它本身没有提供模板列类型,就像.NET本身的GridView那样,可以往模板里添加多个控件,个人感觉jqGrid的模板列很自由很开放,可以在模板中可以放置一个或多个控件,可以是自己写的,也可以是其他的插件。

分页

  XtraGrid提供了分页栏,只需要把gridControl 的UseEmbeddedNavigator 属性设为true则可。XtraGrid实现分页功能有两种办法,一种则是利用XtraGrid本身的Server Mode模式 。但这种方式有诸多弊端:1)不能编辑、增加、删除数据; 2)不能通过显示值来进行排列和过滤数据(但可以用编辑值来进行这些操作);3)用户排序时不触发ColumnView.CustomColumnSort事件; 4)用户分组时不触发GridView.CustomColumnGroup事件; 5)用户计算汇总时不触发GridView.CustomSummaryCalculate事件; 6)在Server Mode模式下,数据表的主键不能由多个列组合而成。另一种方式就是利用SQL的分页查询。

  jqGrid也提供了分页栏,它的分页方式与XtraGrid的第二种方式类似,采用SQL的分页查询。

  个人认为采用SQL分页查询来实现分页这方式比较好,即使XtraGrid的Server Mode模式不存在那么多的弊端,使用了Server Mode模式,万一将来的某一天更换了控件,甚至从C/S模式换成B/S模式,这样要更改的代码量会比利用SQL分页查询的代码量要大。

数据源

  XtraGrid的数据源绑定与传统GridView的数据源绑定有所不同,经过绑定的操作后,XtraGrid上的数据仍然与数据源的数据同步,即修改了XtraGrid里的数据,数据源的数据也同样会被修改,修改了数据源的数据,XtraGrid里的数据也会跟着被修改。而且它可以很方便地获取到某一行记录的对象,比如将一个List<People>绑定到XtraGrid中,XtraGrid可以通过 GetRow 方法获取某行的People对象。还有一个优点就是若想批量修改某些数据,可直接对数据源进行操作,这样就不需要遍历单元格去修改。

  jqGrid绑定了数据源之后,表格里的数据与数据的数据就与GridView的情况一样,两者是不相关的,修改了一方的数据,对另一方没有任何影响。

总结 

  综合了jqGrid和XtraGrid的优点,个人认为一个好的网格类控件(或插件)除了有绚丽的外观以外,还应该具备以下功能:

  • 具有统计运算的功能;
  • 具有父子表的功能;
  • 对某列排序,分组,筛选功能;
  • 提供工具栏方便增删改查操作;
  • 拥有多种分页读取数据功能(如传统的通过分页栏读数据和通过滚动条控制分页度数据);
  • 支持多种类型的数据集合作为数据源;
  • 能够方便地获取到单元格的信息;
  • 对表格数据的更改能同步到原本绑定的数据源集合中;
  • 提供简便的方法对数据的格式进行验证;
  • 方便数据导入导出;
  • 能够方便地设置条带状的列;
  • 提供多种编辑器;
  • 模板允许多种编辑器自由组合使用,而且可以添加任意的控件(插件进入模板);
  • 支持快捷键操作,减少用户在鼠标与键盘上切换;
  • 根据用户需要对列的先后顺序进行重新排列;

以上纯属个人看法,有什么不足缺漏或错误的,欢迎指正。

时间: 2024-08-24 10:50:05

比较JqGrid与XtraGrid的相关文章

XtraGrid滚轮翻页

滚轮翻页与传动的翻页更为方便,经过本人一番探讨与琢磨终于在XtraGrid的GridView中实现了鼠标滚轮翻页. 我新建了一个组件继承原本的GridControl,在组件中添加了一个ImageList,专门存放一些资源图片.用于实现动态图的效果. 添加一个自定义委托的参数与枚举,委托参数用于传递分页的信息.     public class PagingEventArgs : EventArgs     {        public int PageSize { get; set; }   

jqgrid的排序问题

今天是本人解决的一个小bug  所以写的粗略些. 问题是这样的ORDER BY  a.$sidx $sord 当时本人排序时候没用jqgrid的默认排序(可能今天这个大家看不懂,很抱歉啊各位,今天主要是写给自己看的),而导致不能排序,排序时候一直提示问题.用火狐查看传递的参数后找到了问题所在.去掉a.就能将排序写出来,并且是表格中任意一个colname都能排序.

jqGrid 格式化

jqGrid的格式化是定义在语言包中 · $jgrid = { · ... ·    formatter : { ·      integer : {thousandsSeparator: " ", defaultValue: '0'}, ·      number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},

jqgrid 更改列与列之间的顺序。

colModel放到外面作全局变量 var col=[{ name: "operate", index: "operate", label: "操作", width: 60, fixed: true, align: "center", formatter: Public.operFmatter},{ name: "name", index: "name", label: "名称

jqgrid

使用本地数据生成表格的例子 <body> <!-- jqGrid table list4 --> <table id="list"></table> <!-- jqGrid 分页 div gridPager --> <div id="pager"></div> <div id="draggable" class="ui-widget-content

jQgrid问题总结

最近一段时间一直在使用jqgrid这个免费的插件,网上的资料也比较多.比较全,但是这里还是整理几个自己在开发过程中遇到的小问题. 1.自动换行 一行数据过多需要自动根据内容换行时,如果遇到在表格中的汉字换行或者空格换行的问题,可以在style标签中插入下面代码: 1 .ui-jqgrid tr.jqgrow td 2 { 3 white-space: normal !important; 4 height:auto; 5 vertical-align:central; 6 padding-top

jqGrid使用记录

一.要引用的文件 要使用jqGrid,首先页面上要引入如下css与js文件. 1.css <link href="/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> 2.js <script src='/Scripts/js/jquery-2.0.3.min.js' type="text/javascript"></script>

jqGrid 各种参数 详解

JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适. jqGrid学习之 ------------- 安装 jqGrid安装很简单,只需把相应的css.js文件加入到页面中即可. 按照官网文档: /myproject/css/             ui.jqgrid.

JqGrid在IE8中表头不能分组的解决办法

修改JqGrid的js脚本: 1 for (d = 0; d < c; d++) { 2 if (b[d] != undefined) { //主要是添加这个判断 3 if (b[d].startColumnName === a) 4 return d; 5 } 6 return - 1 7 }