JQuery FlexiGrid的asp.net完美解决方案：dotNetFlexGrid-asp.net原生的异步表格控件登录 开源中国

dotNetFlexGrid- Web2.0 asynchronous grid control for asp.net

What is it?


dotNetFlexGrid是一款asp.net原生的异步表格控件，他的前身是Jquery FlexiGrid插件，我们重构了FlexiGrid的大部分Javascript代码，使其工作的更有效率，BUG更少；同时将其封装为dotNet控件，提供了简单易用的使用方式。

dotNetFlexGrid扩展和优化了FlexiGrid原有的功能，并提供了更多具有针对性的功能，使用dotNetFlexGrid，您的用户可以轻松拥有如下功能

提供简易的方式自行调整表格列宽

根据实际情况调整表格的大小

针对合适的列进行排序

方便使用的分页器

自行选择需要看到的表格列

表单之外的快速查询，界面简洁高效。

首列提供单选框，提供全选和取消全选的功能。

所有的操作都基于Ajax异步模型，页面不再需要刷新。

同时，我们为Asp.net开发者提供了新的列表数据的处理方案，相对于Asp.net GridView或其他表格控件，使用dotNetFlexGrid轻松获得了上述功能，提高了用户体验；同时开发人员更高兴看到

简洁方便的封装，你可以在同一个页面中完成一步操作的所有代码。（针对dotNetFlexGrid)

整个Grid作为表单的一部分提交，您可以像ListBox一样使用它。

简洁的调用机制，基本只需要通过一个后台方法，就可以完成诸如排序、查询、筛选、分页等功能。

丰富的客户端事件和方法，通过简单的Javascript代码可以轻松完成异步刷新、新增、修改、删除行的效果而无需重新刷新页面（甚至无需重新获取数据）。

高效的执行代码，AJAX的应用使得您的程序比以往更加高效。

What's New Version

2010-8-21 v1.22 beta

修复字段拖动位置后nBtn按钮的位置不正确的bug.

修复使用模板后可能导致的模板无效的bug.

修复字段sortable配置可能无效的bug。

2010-8-21 v1.21 beta

增加对控件配置目录的正确性检验，当配置错误的时候将会抛出一个易于理解的异常信息。

增加控件参数BasePath该参数用于配置控件的存放目录，请提供相对于网站更目录的绝对路径。

修复由于字段配置错误所导致的排列错位问题，现在将显示一个noset来标志错误的字段。

2010-8-19 v1.2 beta

修复快速查询时的键盘回车事件与控件外围事件的冲突的问题。

修复快速查询时设置正则表达式时可能导致的语法错误的问题。

数据提供方法DataHandler将不再强制要求与列的绑定顺序一致，现在通过返回的DataTable中的ColumnName自动绑定到合适的列，所以，请保证您的DataTable和控件中的列名一致（区分大小写）。

增加展现模板的功能，现InitConfig初始化时针对列配置增加了一个itemTemplate属性，该属性提供了当前列的展现模板设定。

演示项目中FirstGrid.aspx增加了客户端刷新、服务端刷新和快速查询功能的演示。

演示项目中TestTemplate.aspx提供了使用展现模板的演示。

2010-8-17 v1.1 稳定版

增加全客户端编辑模式，可在不加载任何数据的模式下进行表格数据的添加、删除、修改；通过该功能并结合服务端属性，即可完成将一或者多个动态表格包含在表单中整体提交；典型应用场景：进销存出入库单据、订单等。

调整客户端如下方法

getCellDatas，现在可以正确获取到客户端调整列顺序后的数据了，返回的数据总是以初始化时的列顺序为准，保证了前后逻辑的一致性。

updateRowData 新增方法，用于动态修改表格中的数据，提供的数据以初始化时的列顺序为准。

insertNewRow，调整提供的数据以初始化时的列顺序为准。

优化表格列手动调整顺序，可以让客户自己对表格的列顺序进行调整。

优化客户端呈现效率-调整多数行、列数据处理方式为字典模式，摒弃大部分原采用的根据dom结构操作数据的方法，提升了客户端的响应速度。

修复客户端新增行无法选中的BUG。

截止当前版本，与原生FlexiGrid和假正经哥哥的改进版本变化非常之大，基本核心代码进行过重构和改进，与上述控件已不存在兼容的可能。

2010-8-13 v1.0正式版

增加通用分页存储过程解决方案。

新增表格数据的字典模式处理，摒弃原rowbinddata的方式，提升了处理效率和DOM的简洁性，修改若干返回数据的方法应用字典模式。

原有的getSelectRows方法更名为getSelectedRowsIds，返回当前选择行的id数组；

新增方法getSelectedRows，返回当前选择行的数组，数组元素是列的字典；

2010-8-2 v1.0beta

将样式表的加载改为JS动态加载。

采用类似于AJAX的反射模式调用数据提供函数，使得不必单独开发数据提供的页面或逻辑处理。

放弃原控件的Toolbar功能，我认为功能性操作应该与数据展示在表现形式和逻辑封装上分离开，比如操作权限控制应该有独立的逻辑处理。

新增若干客户端事件（单击行、双击行、选择行、加载等）。

新增服务端属性CheckedRows，整个控件可以作为表单的一部分提交，可在服务端直接获取当前选择的行的主键（ID）。

优化表格首行复选框的展示和处理，修复onrowchecked事件的若干BUG。

新增列参数checkField，第一个设为checkField的列通过绑定布尔值可以在加载数据时选择到需要被选择的行，该操作不会触发事件。

针对原有Javascript进行重新封装，提供单独的对象进行控件的处理。

修改数据提供模式固定为Json，本控件将只支持Json方式的异步数据提供。

修复多个控件存在时产生的若干BUG。

修复若干BUG，增加正则错误验证，各类数据null的验证。

How to use
dotNetFlexGrid虽然是易于使用的，但为了让用户更好的使用它，我们提供多篇快速开始教程和使用指南，你可以访问下面的链接来获取信息。

JQuery FlexiGrid的asp.net完美解决方案：dotNetFlexGrid-.Net原生的异步表格控件 简介和应用效果截图

JQuery FlexiGrid的asp.net完美解决方案-dotNetFlexGrid使用指南(一）Ajax异步表格

JQuery FlexiGrid的asp.net完美解决方案-dotNetFlexGrid使用指南(二）服务端查询、快速查询和Html模板

JQuery FlexiGrid的asp.net完美解决方案:dotNetFlexGrid表格控件说明文档

JQuery FlexiGrid的asp.net完美解决方案:dotNetFlexGrid 源码、文档、演示下载

更多的和及时的资讯请访问主创人员 华磊 的博客（http://www.cnblogs.com/hualei/）,或者访问我们的项目主站（http://dotnetflexgrid.codeplex.com/）来获取最新的发布版本。

Example

主创人员 华磊 正在不断地将控件的功能和使用方法通过范例介绍给大家，您可以通过查看下述的范例快速掌握dotNetFlexGrid的使用

快速指南中提供的FirstGrid.aspx，演示如何快速的建立一个强大的Grid应用

演示如何使用template在Grid中展现链接、图片、文本框、按钮等等

用于演示客户端事件、方法，并通过2个Grid实验事件是否会相互干扰；您可以学习如何使用客户端方法异步的在表格中添加、删除、修改、重读数据

很杂的演示，原谅 作者 喜欢将所有的实验代码放在一起吧。

演示通过后台代码初始化表格的复选状态，并将表格作为表单的一部分提交。

很多场景都需要的多个Grid的联动效果。