← 返回所有博客文章

本文演示了简单可排序的表格,用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>

 

运行起来,就可以得到如下图的效果:

C1GridView-overview

本文的Demo如下: 

C1GridView-overview.7z (5.91 mb)