温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何在ASP.NET中使用DataGridView绑定数据

发布时间:2021-02-11 18:06:53 来源:亿速云 阅读:490 作者:Leah 栏目:开发技术

如何在ASP.NET中使用DataGridView绑定数据?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

代码如下:


 <asp:GridView ID="gvDepartList" runat="server" AutoGenerateColumns="False"
         Height="108px" Width="600px"  OnRowDeleting="gvDepartList_RowDeleting" RowDataBound="gvDepartList_RowDataRound">
         <Columns> 
         <asp:TemplateField HeaderText="部门名称" >
             <ItemTemplate>
                   <asp:Label runat="server"  Text='<%#  Eval("DepartName") %>'   />
             </ItemTemplate>
         </asp:TemplateField>

             <asp:BoundField HeaderText="机构"   DataField="BranchId" />
             <asp:BoundField HeaderText="负责人" DataField="PrincipalUser" />
             <asp:BoundField HeaderText="联系电话" DataField="ConnectTelNo" />
             <asp:BoundField HeaderText="移动电话" DataField="ConnectMobileTelNo"/>
             <asp:BoundField HeaderText="传真" DataField="Faxes" />
             <asp:TemplateField HeaderText="修改">
                 <ItemTemplate>
                       <asp:ImageButton ID="ImageButton1" ImageUrl="../images/edit.gif" CommandArgument='<%#Eval("DepartId") %>' CommandName="delete" runat="server" />
                 </ItemTemplate>
             </asp:TemplateField>
            <asp:TemplateField HeaderText="删除">
                 <ItemTemplate>
                     <asp:ImageButton ImageUrl="../images/delete.gif" CommandArgument='<%#Eval("DepartId") %>' CommandName="delete" runat="server" />
                 </ItemTemplate>
             </asp:TemplateField>
         </Columns>
     </asp:GridView>

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

复制代码 代码如下:


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控件来提示用户,删除成功!

关于如何在ASP.NET中使用DataGridView绑定数据问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI