比较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的优点,个人认为一个好的网格类控件(或插件)除了有绚丽的外观以外,还应该具备以下功能:
- 具有统计运算的功能;
- 具有父子表的功能;
- 对某列排序,分组,筛选功能;
- 提供工具栏方便增删改查操作;
- 拥有多种分页读取数据功能(如传统的通过分页栏读数据和通过滚动条控制分页度数据);
- 支持多种类型的数据集合作为数据源;
- 能够方便地获取到单元格的信息;
- 对表格数据的更改能同步到原本绑定的数据源集合中;
- 提供简便的方法对数据的格式进行验证;
- 方便数据导入导出;
- 能够方便地设置条带状的列;
- 提供多种编辑器;
- 模板允许多种编辑器自由组合使用,而且可以添加任意的控件(插件进入模板);
- 支持快捷键操作,减少用户在鼠标与键盘上切换;
- 根据用户需要对列的先后顺序进行重新排列;
以上纯属个人看法,有什么不足缺漏或错误的,欢迎指正。
比较JqGrid与XtraGrid的更多相关文章
- DevExpress.XtraGrid.view.gridview 属性说明
本文摘自: http://www.cnblogs.com/-ShiL/archive/2012/06/08/ShiL201206081335.html (一)双击展开,收缩字表 ExpandedChi ...
- jqGrid合并表头
jqGrid是一款常用的制表软件,最近开发刚好用到.记录一下常用功能留着以后查找顺便发扬一下开源精神. 二级表头是一种经常会碰到的需求,很多时候为了方便查找需要在原有的表头上再加一层,区分表格不同列的 ...
- jqGrid插件getCol方法的一个改进
jgGrid插件是非常常用的一个基于jQuery的表格插件,功能非常强大.我最近也频繁使用.但是这个插件也有一些不够完善的地方.比如这个getCol方法. getCol方法接受三个参数 colname ...
- jqgrid+bootstrap样式实践
jqgrid+bootstrap样式实践,报错数据加载,选中,删除等功能 需要引入的样式 bootstrap.min.css ui.jqgrid.css 需要引入的JS jquery.min.js b ...
- jqGrid jqGrid分页参数+条件查询
HTML <div class="row"> <div class="col-sm-20"> <form id="for ...
- 重复加载同一个jqgrid
重复加载同一个jqgrid时需要先清除原先的数据,再进行加载新的数据: 清除时使用方法:jQuery.jgrid.gridUnload('jqGridId'); 同时还有一个GridDestroy的方 ...
- Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引
因为内容比较多,所以每篇讲解一些内容,最后会放出全部代码,可以参考.操作中总会遇到各式各样的问题,个人对部分问题的研究在最后一篇 问题研究 里.欢迎大家探讨学习. 代码都经过个人测试,但仍可能有各种未 ...
- 五分钟搭建起一个包含CRUD功能的JqGrid表格
之前的项目也曾用过JgGrid对它的基本功能也是略有了解,网上有个国外的开源的项目,但是不适合个人的风格,所以花了3天空余的时间封装了下JqGrid,也算是参加开发工作10个月以来写的第一个比较完整的 ...
- [译]MVC网站教程(四):MVC4网站中集成jqGrid表格插件(系列完结)
目录 1. 介绍 2. 软件环境 3. 在运行示例代码之前(源代码 + 示例登陆帐号) 4. jqGrid和AJAX 5. GridSettings 6. ...
随机推荐
- Http2改造实践:statusText丢失问题
背景: 1.项目中的nginx由http1.1改造为http2, 2.代码中采用axios的interceptors做统一返回处理,对于系统逻辑性错误弹窗(例如:表单字段唯一性校验弹窗提示) 现象: ...
- 7_linux下PHP、Apache、Mysql服务的安装
1.首先安装之前,要确保你的虚拟机能连上外网. Mysql: 1.yum -y install mysql 连接数据库命令行模式 2.yum install mysql-server 安装mys ...
- 关于IE浏览器的一些思路
首先说说我对IE的看法: 第一感觉倔强.孤僻特立独行.(总是和别人不一样,是初学者的噩梦) 第二感觉个性(每个版本都需要你去用不同的代码去适配她) 虽然现在IE已经升级到了11相对于以前的IE8,IE ...
- AndroidTv Home界面实现原理(一)——Leanback 库的使用
接下去应该是梳理一下 Android Tv 主界面实现原理及解析的一个系列博客了,大体上的安排是先介绍 Google 官方提供的 Leanback 库的使用,如何使用该库来实现简单的 Home 界面, ...
- Nexus私服搭建使用及发布jar包到私服上供团队其他成员使用
1.下载maven解压到指定目录,并配置环境变量 M2_HOME为maven解压目录 2.path中增加 %M2_HOME%\bin, 并确认 mvn -v 正确 3.下载nexus http://w ...
- Spring详解(一)------概述
本系列教程我们将对 Spring 进行详解的介绍,相信你在看完后一定能够有所收获. 1.什么是 Spring ? Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开 ...
- 利用WHID为隔离主机建立隐秘通道
0 引言 从2014年BADUSB出现以后,USB-HID攻击就这一直被关注,且具争议.争议的焦点是USB-HID的实战效果过于“鸡肋”,无论从早期的BADUSB,还是到后来的各种USB-HID设备, ...
- px,em,rem,vw单位在网页和移动端的应用
px: 是网页设计中最常用的单位,然而1px到底是多大长,恐怕没有人能回答上来 它用来表示屏幕设备物理上能显示的最小的一个点,这个点不是固定宽度的,不同设备上点的长度.比例有可能会不同. 假设:你现在 ...
- springboot 入门一 hello world!
微服务框架springboot,目的是用来简化新Spring应用的初始搭建以及开发过程.简化的代价,就是约定俗成很多规则,比如默认读取的配置文件名是application.properties 必需在 ...
- hdu2546 01背包 重学背包
题意:给出菜的价钱和自己的余额.使自己余额最少,注意余额大于5的情况可以买任意的菜. 思路:小于5的余额不能买菜,直接输出,大于五的余额,留下5元买最贵的菜,剩下的余额进行01背包,将剩下的余额减去0 ...