天天看点

Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作下载示例

C1GridView具有很多内置的功能,比如排序,过滤,分页以及分组。

Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作下载示例
Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作下载示例
Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作下载示例
Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作下载示例

对于开发者来说,这些都是很有用的功能,因为它们可以节省大量通过代码实现这些能力的时间。

无论如何,开发人员不一定非要将其在设计时绑定到一个数据源。实际上,在大多数情况下,数据是动态绑定的。

本文讨论了当C1GridView动态绑定数据时如何实现排序,过滤分页以及分组。

绑定C1GridView

C1GridView可以绑定到一个ADO.NET数据源,比如说DataSet,DataTable等等。对于本示例,我们将grid绑定到C1NWind.mdb数据库文件的“Customers”表上。

处理C1GridView事件

排序

为了实现排序,我们需要处理Sorting以及Sorted事件。Grid会在Sorted事件中被重新绑定。

过滤

处理过滤的代码和处理排序的逻辑完全相同。我们需要处理Filtering 以及Filtered事件。

分页

处理分页的逻辑和处理排序和过滤得逻辑有一点点不同。我们只需要处理Paging事件。首先将G1GridView的PageIndex设置为NewPageIndex,然后就像我们之前所作的那样,对grid进行重新绑定。

分组

为了对C1GridView进行分组,需要将AllowColMoving以及ShowGroupArea属性设置为true。我们还需要处理ColumnGrouped以及ColumnUngrouped事件,并且将ColumnUngrouped事件留空。然而,在ColumnGrouped事件中,我们必须重新绑定grid。不同的是,这次我们需要添加一个参数,这个参数就是正在被拖拽或者分组的列的HeaderText。这个参数首先被用来按照该列进行排序,之后应用分组,以确保不会创建重复分组。

Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作下载示例

继续阅读