這篇文章主要介紹如何在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=ok.gif>" CancelText= "<imgborder=0 src=cancel.gif>" EditText= "<imgborder=0src=edit.gif>"></asp:EditCommandColumn>
<asp:ButtonColumn Text= "<img border= 0src= delete.gif>"CommandName="Delete"></asp:ButtonColumn>
<asp:BoundColumn DataField= "ProductID" SortExpression="ProductID" ReadOnly="True" HeaderText= "ProductID"></asp:BoundColumn>
<asp:BoundColumn DataField= "ProductName" SortExpression="ProductName" HeaderText= "ProductName"></asp:BoundColumn>
<asp:BoundColumn DataField="QuantityPerUnit" SortExpression="QuantityPerUnit" HeaderText= "Quantity PerUnit"></asp:BoundColumn>
<asp:BoundColumn DataField="UnitPrice" SortExpression="UnitPrice" HeaderText= "Unit Price"DataFormatString="{0:c}"></asp:BoundColumn>
<asp:BoundColumn DataField="UnitsInStock" SortExpression="UnitsInStock" HeaderText= "Units InStock"></asp:BoundColumn>
<asp:BoundColumn DataField="UnitsOnOrder" SortExpression="UnitsOnOrder" HeaderText= "Units OnOrder"></asp:BoundColumn>
<asp:BoundColumn DataField= "ReorderLevel" SortExpression="ReorderLevel" HeaderText= "ReorderLevel"></asp:BoundColumn>
<asp:TemplateColumn HeaderText="Discontinued" SortExpression="Discontinued">
<ItemTemplate>
<asp:CheckBox id= "Discontinued" runat="server" Checked= '<%# DataBinder.Eval(Container.DataItem, "Discontinued")%>' />
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
[Ctrl+A 全部選擇 然後拷貝]
你看，是不是不難？關鍵在於我們常動手動腦。多看資料也很關鍵哦！
C#後台程序：
讓我們先看一段程序：
