Studio for ASP.NET Wijmo：C1GridView创建可排序表格

本文演示了简单可排序的表格，用C1GridView绑定数据源，表格的列表示数据源的域，表格的行表示数据源的记录，以便展示数据源的数据。

下面介绍如何通过代码实现以上功能。

首先给ASP.NET工程添加C1GridView控件，然后创建可排序的绑定表格。

添加数据源

给表格添加一个Sql数据源。以下代码是将”Employ”数据表从sql数据源中添加进来。

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|\C1Nwind.mdb;Persist Security Info=True" ProviderName="System.Data.OleDb"

    SelectCommand="SELECT [EmployeeID], [LastName], [FirstName], [BirthDate] FROM [Employees]">

</asp:SqlDataSource>

C1GridView展示数据源数据

用C1GridView的DaSourceID属性绑定数据源，并将列下的DataField属性指定具体数据源的域，C1GridView表格的行就将展示数据源的每条记录。

C1DataView的AllowSorting属性可以允许表格排序。

具体的代码如下：

<wijmo:C1GridView ID="C1GridView1" runat="server" DataSourceID="SqlDataSource1"

    AutoGenerateColumns="false" ShowRowHeader="true" AllowSorting="true" CallbackSettings-Action="All">

    <Columns>

        <wijmo:C1BoundField HeaderText="ID" DataField="EmployeeID" SortExpression="EmployeeID" />

        <wijmo:C1BoundField HeaderText="Last name" DataField="LastName" SortExpression="LastName" />

        <wijmo:C1BoundField HeaderText="First name" DataField="FirstName" SortExpression="FirstName" />

        <wijmo:C1BoundField HeaderText="Date of birth" DataField="BirthDate" DataFormatString="d" SortExpression="BirthDate" />

    </Columns>

</wijmo:C1GridView>

运行起来，就可以得到如下图的效果：

本文的Demo如下： 

C1GridView-overview.7z (5.91 mb)