ASP.NET中的DataGridView绑定数据和选中行删除功能_.NET_编程开发_程序员俱乐部

一：废话就不多说了，都说.NET是托控件的，我就托给你们看，这个博文主要讲 DataGridView 的数据绑定，和选中行删除功能。

首现我们拖入一个DataGridView控件到.aspx页面中，然后绑定你需要显示的列，具体代码如下。

 1     <asp:GridView ID="gvDepartList" runat="server" AutoGenerateColumns="False" 
 2         Height="108px" Width="600px"  OnRowDeleting="gvDepartList_RowDeleting" RowDataBound="gvDepartList_RowDataRound">
 3         <Columns>  
 4         <asp:TemplateField HeaderText="部门名称" >
 5             <ItemTemplate>
 6                   <asp:Label runat="server" style="text-align:center" Text='<%#  Eval("DepartName") %>'   /> 
 7             </ItemTemplate>
 8         </asp:TemplateField>
 9           
10             <asp:BoundField HeaderText="机构"   DataField="BranchId" /> 
11             <asp:BoundField HeaderText="负责人" DataField="PrincipalUser" />
12             <asp:BoundField HeaderText="联系电话" DataField="ConnectTelNo" />
13             <asp:BoundField HeaderText="移动电话" DataField="ConnectMobileTelNo"/>
14             <asp:BoundField HeaderText="传真" DataField="Faxes" />
15             <asp:TemplateField HeaderText="修改">
16                 <ItemTemplate>
17                       <asp:ImageButton ID="ImageButton1" ImageUrl="../images/edit.gif" CommandArgument='<%#Eval("DepartId") %>' CommandName="delete" runat="server" />
18                 </ItemTemplate>
19             </asp:TemplateField>
20             <asp:TemplateField HeaderText="删除">
21                 <ItemTemplate>
22                     <asp:ImageButton ImageUrl="../images/delete.gif" CommandArgument='<%#Eval("DepartId") %>' CommandName="delete" runat="server" />
23                 </ItemTemplate>
24             </asp:TemplateField>
25         </Columns> 
26     </asp:GridView> 

 二：在这个.aspx页面后台的Page_load事件中绑定数据。

class="brush:csharp;gutter:true;"> protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
               gvDepartList.DataSource= new DepartInfoManager().GetDepartInfos(-1);
               gvDepartList.DataBind();
            }
        }

如果我们想添加一个DataGridView的光棒效果，就是每一行鼠标悬浮上去变动背景色啦。

       /// <summary>
        /// 动态注册脚本(在GridView控件呈现之前) 光棒效果
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void gvUsers_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            //此处判断只有在数据行在进行脚本注册
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                //光棒效果
                  e.Row.Attributes.Add("onmouseover","currentcolor=this.style.backgroundColor;this.style.backgroundColor='#6699ff'");
                e.Row.Attributes.Add("onmouseout ", "this.style.backgroundColor=currentcolor");

                LinkButton lnkbtnDel = e.Row.FindControl("lnkbtnDel") as LinkButton;
                lnkbtnDel.Attributes.Add("onclick", "return confirm('确定删除吗?')");
            }
        }

 现在重点来了，怎么一行的数据呢？既然是删除，我们肯定是要根据一条数据的ID来删除了，那么我们在Page_load方法中加入一段代码：

 gvDepartList.DataKeyNames = new string[] { "id"};//这个代码是什么意思呢，就是每一行设置一个键，这个键就是用来操作数据的。

现在我们用另外一种方法删除，看到页面中的倒数第二列，没错，是一个ImageButtom控件，这个控件是放了一个删除按钮的小图标，CommandArgument是干什么的呢？CommandName又是干什么的呢？CommandArgument就是指定我们要操作的参数，CommandName就是指令这个按钮是要干什么？这里用到的是删除，我们写上Delete。

<asp:TemplateField HeaderText="删除">
                <ItemTemplate>
                     <asp:ImageButton ImageUrl="../images/delete.gif" CommandArgument='<%#Eval("DepartId") %>' CommandName="delete" runat="server" />
                </ItemTemplate>
             </asp:TemplateField>

 接下来就是后台操作代码了，可以看到这个DataGridView绑定了一个OnRowDeleting事件，这个事件就是用来删除的。

然后我们在这个事件写上这样的代码。

/// <summary>
        /// 删除选中的行
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void gvDepartList_RowDeleting(object sender, GridViewDeleteEventArgs e)
        {
            ImageButton buttom = gvDepartList.Rows[e.RowIndex].FindControl("btnDelete") as ImageButton;
            string departId = buttom.CommandArgument.ToString();
            if (manage.DeleteDepart(departId))
            {
                Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "<script>alert('删除成功!');</script>");
                BindDepartInfos();//重新绑定数据
            }
            else
            {
                Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "<script>alert('删除失败!');</script>");
            }

        }

　为了更好的用户体验，我们可以不使用这个Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "<script>alert('删除成功!');</script>");
   可以选择在页面中显眼的地方放一个label控件，设计Visible=false;隐藏它，然后删除成功后，利用这个Label控件来提示用户，删除成功！