前言:
这篇文章主要介绍如何在DataGrid控件中实现编辑、删除、分类以及分页操作。为了实现我们的意图,我们使用SqlServer2000自带的NorthWind数据库。程序分为两部分:
1.包含HTML代码的.ASPX文件
2.包含所有逻辑及方法的后台C#类文件
代码:
ASPX文件:
在这里我们设计了一个DataGrid对象,我为一些属性和方法作了注解。它就变得如此的简单:
<asp:DataGrid id="MyDataGrid" style="Z-INDEX: 101; LEFT: 16px; POSITION: absolute; TOP: 104px" runat="server"
BorderStyle="Ridge"
GridLines="None"
BorderWidth="2px"
BorderColor="White"
BackColor="White"
CellPadding="3"
CellSpacing="1"
AllowPaging="True" // AllowPaging属性的"True"时, 可进行分页操作
AllowSorting="True" // 这是分类属性
PageSize="15" //设每页25条记录
PagerStyle-Mode="NextPrev" //有2种模式风格:next previous和page numberin
PagerStyle-NextPageText="Next"
PagerStyle-PrevPageText="Previous"
PagerStyle-HorizontalAlign="Center"
PagerStyle-Position="TopAndBottom"
DataKeyField="ProductID" // DataGrid的每条记录都包含一个ProductID字段
OnPageIndexChanged="MyDataGrid_PageIndexChanged" // 当用户进行翻页操作时就激活MyDataGrid_PageIndexChanged函数(function)
OnSortCommand="Sort_Grid" //当用户对DataGrid分类时激活Sort_Grid(function)函数
OnDeleteCommand="MyDataGrid_Delete" //这一事件激活MyDataGrid_Delete函数(function)删除一条记录
OnUpdateCommand="MyDataGrid_Update" //这一事件激活MyDataGrid_Update函数(function)更新一条记录
OnCancelCommand="MyDataGrid_Cancel //这一事件激活MyDataGrid_Cancel函数(function)取消当前操作
OnEditCommand="MyDataGrid_Edit" //这一事件激活MyDataGrid_Edit函数(function)编辑一条记录
AutoGenerateColumns="False" // 设置自动产生行为"False"
HorizontalAlign="Left">
<FooterStyle ForeColor= "Black"BackColor="#C6C3C6"></FooterStyle>
<HeaderStyle Font-Bold= "True" ForeColor= "#E7E7FF"BackColor="#4A3C8C"></HeaderStyle>
<PagerStyle NextPageText="Next" PrevPageText="Previous" HorizontalAlign="Right" ForeColor="Black"
Position= "TopAndBottom"BackColor="#C6C3C6"></PagerStyle>
<SelectedItemStyle Font-Bold= "True" ForeColor= "White"BackColor="#9471DE"></SelectedItemStyle>
<ItemStyle ForeColor= "Black"BackColor="#DEDFDE"></ItemStyle>
<Columns>
<asp:EditCommandColumn ButtonType="LinkButton" UpdateText= "<img border=0 src=/uploadfile/201210/12/A0235739948.gif>" CancelText= "<imgborder=0 src=/uploadfile/201210/12/EB235739283.gif>" EditText= "<imgborder=0src=/uploadfile/201210/12/E1235739141.gif>"></asp:EditCom