JQuery FlexiGrid的asp.net完美解决方案:dotNetFlexGrid - asp.net原生的异步表格控件


What is it?

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

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

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

What's New Version

2010-9-10 v1.24beta

    1. 修复insertNewRow()、updateRowData()方法处理ID包含“#”时的BUG,调整了若干需要进行Jquery转义的地方。
    2. 新增Js方法containsRowId ()用于检查指定ID的行是否存在。
    3. 新增格式化处理,现在可以通过指定列的格式化方法来处理展现数据了。
    4. 更新演示项目,增加根据状态字段不同来展现不同的数据和单元格颜色。
    5. 修复转换为WebApp可能导致的bug.

2010-8-26 v1.23beta(重要更新)

    1. 修复insertNewRow()、updateRowData()方法不能正确处理对齐和宽度的bug。
    2. 修复insertNewRow()产生的行不能选中和触发事件的bug。
    3. 新增Js方法getGridJsonData()用于提取当前grid的所有数据,产生一个Json格式的字符串,可以保存在表单域中。
    4. 新增服务端方法ParseGetGridJsonData()用于解析getGridJsonData()生成的数据,将返回一个二维字典,配合CheckedRows可获取到用作表单提交的Grid的所有数据。
    5. 修复applyQueryReload()方法在参数已存在时只能处理一个参数的BUG.

2010-8-21 v1.22 beta

    1. 修复字段拖动位置后nBtn按钮的位置不正确的bug.
    2. 修复使用模板后可能导致的模板无效的bug.
    3.  修复字段sortable配置可能无效的bug。

2010-8-21 v1.21 beta

    1. 增加对控件配置目录的正确性检验,当配置错误的时候将会抛出一个易于理解的异常信息。
    2. 增加控件参数BasePath该参数用于配置控件的存放目录,请提供相对于网站更目录的绝对路径。   
    3. 修复由于字段配置错误所导致的排列错位问题,现在将显示一个noset来标志错误的字段。

2010-8-19 v1.2 beta

    1. 修复快速查询时的键盘回车事件与控件外围事件的冲突的问题。
    2. 修复快速查询时设置正则表达式时可能导致的语法错误的问题。
    3. 数据提供方法DataHandler将不再强制要求与列的绑定顺序一致,现在通过返回的DataTable中的ColumnName自动绑定到合适的列,所以,请保证您的DataTable和控件中的列名一致(区分大小写)。
    4. 增加展现模板的功能,现InitConfig初始化时针对列配置增加了一个itemTemplate属性,该属性提供了当前列的展现模板设定。
    5. 演示项目中FirstGrid.aspx增加了客户端刷新、服务端刷新和快速查询功能的演示。
    6. 演示项目中TestTemplate.aspx提供了使用展现模板的演示。

2010-8-17 v1.1 稳定版

    1. 增加全客户端编辑模式,可在不加载任何数据的模式下进行表格数据的添加、删除、修改;通过该功能并结合服务端属性,即可完成将一或者多个动态表格包含在表单中整体提交;典型应用场景:进销存出入库单据、订单等。
    2. 调整客户端如下方法
      1. getCellDatas,现在可以正确获取到客户端调整列顺序后的数据了,返回的数据总是以初始化时的列顺序为准,保证了前后逻辑的一致性。
      2. updateRowData 新增方法,用于动态修改表格中的数据,提供的数据以初始化时的列顺序为准。
      3. insertNewRow,调整提供的数据以初始化时的列顺序为准。
    3. 优化表格列手动调整顺序,可以让客户自己对表格的列顺序进行调整。
    4. 优化客户端呈现效率-调整多数行、列数据处理方式为字典模式,摒弃大部分原采用的根据dom结构操作数据的方法,提升了客户端的响应速度。
    5. 修复客户端新增行无法选中的BUG。
    6. 截止当前版本,与原生FlexiGrid和假正经哥哥的改进版本变化非常之大,基本核心代码进行过重构和改进,与上述控件已不存在兼容的可能。

2010-8-13 v1.0正式版

    1. 增加通用分页存储过程解决方案。
    2. 新增表格数据的字典模式处理,摒弃原rowbinddata的方式,提升了处理效率和DOM的简洁性,修改若干返回数据的方法应用字典模式。
    3. 原有的getSelectRows方法更名为getSelectedRowsIds,返回当前选择行的id数组;
    4. 新增方法getSelectedRows,返回当前选择行的数组,数组元素是列的字典;

2010-8-2 v1.0beta

    1. 将样式表的加载改为JS动态加载。
    2. 采用类似于AJAX的反射模式调用数据提供函数,使得不必单独开发数据提供的页面或逻辑处理。
    3. 放弃原控件的Toolbar功能,我认为功能性操作应该与数据展示在表现形式和逻辑封装上分离开,比如操作权限控制应该有独立的逻辑处理。
    4. 新增若干客户端事件(单击行、双击行、选择行、加载等)。
    5. 新增服务端属性CheckedRows,整个控件可以作为表单的一部分提交,可在服务端直接获取当前选择的行的主键(ID)。
    6. 优化表格首行复选框的展示和处理,修复onrowchecked事件的若干BUG。
    7. 新增列参数checkField,第一个设为checkField的列通过绑定布尔值可以在加载数据时选择到需要被选择的行,该操作不会触发事件。
    8. 针对原有Javascript进行重新封装,提供单独的对象进行控件的处理。
    9. 修改数据提供模式固定为Json,本控件将只支持Json方式的异步数据提供。
    10. 修复多个控件存在时产生的若干BUG。
    11. 修复若干BUG,增加正则错误验证,各类数据null的验证。
How to use

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

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

Example

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