DataGrid入门经典

这篇文章主要介绍如何在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=http://edu.9263.net/NewsInfo/ok.gif>" CancelText= "<imgborder=0 src=http://edu.9263.net/NewsInfo/cancel.gif>" EditText= "<imgborder=0src=http://edu.9263.net/NewsInfo/edit.gif>"></asp:EditCommandColumn> 
   &