欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET中的DataGridView绑定数据和选中行删除功能具体实例

程序员文章站 2024-02-28 22:06:34
首现我们拖入一个datagridview控件到.aspx页面中,然后绑定你需要显示的列,具体代码如下。复制代码 代码如下: 

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

复制代码 代码如下:

 <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" style="text-align:center" 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控件来提示用户,删除成功!