ASP.NET巧妙利用repeater控件和checkBox控件实现批量操作

浏览数：15 / 时间：2015年06月09日

一般的CMS(Content Manager System)中，不可避免的会涉及批量操作。比如显示一页数据，一个良好的设计都会加上批量删除、批量推荐等操作。

在ASP.NET中，做这样的批量操作非常简单，以批量删除为例，我们仅需要checkBox控件用来多选，外加一个批量删除按钮。显示数据这里采用repeater控件。

下面是我的工程中一段代码：

<table>  
  
                   <tbody>  
  
                       <tr>  
  
                           <thclassthclass="th_CheckBox"></th>  
  
                           <thclassthclass="th_Floor">楼层号</th>  
  
                           <thclassthclass="th_Room">房间号</th>  
  
                           <thclassthclass="th_ComputerNumber">电脑编号</th>  
  
                           <thclassthclass="th_ProName">问题名称</th>  
  
                           <thclassthclass="th_ProType">问题类型</th>  
  
                           <thclassthclass="th_ProDescription">问题描述</th>  
  
                           <thclassthclass="th_Operate">操作</th>  
  
                       </tr>  
  
                       <asp:RepeaterIDasp:RepeaterID="UnProRepeater" runat="server">  
  
                           <ItemTemplate>  
  
                               <tr>  
  
                                  <td><asp:CheckBox ID="cdDelete" ToolTip=‘<%#Eval("id") %>‘ Text="" runat="server"/></td>  
  
                                  <td><%# Eval("floor") %></td>  
  
                                  <td><%# Eval("rmNumber")%></td>  
  
                                  <td><a href=‘addUnFinishedPro.aspx?id=<%# Eval("id")%>‘><%# Eval("cmNumber")%></a></td>  
  
                                  <td><%# Eval("name") %></td>  
  
                                  <td><%# Eval("typeName")%></td>  
  
                                  <td><%# cutString(Eval("description").ToString(),15,"...")%></td>  
  
                                  <td><asp:LinkButton ID="lbtnDelete"CommandArgument=‘<%# Eval("id") %>‘ OnClientClick="returnconfirm(‘真的要删除吗？‘)" OnClick="lbtnDelete_Click"runat="server">删除</asp:LinkButton></td>  
  
                               </tr>  
  
                          </ItemTemplate>  
  
                      </asp:Repeater>       
  
                   </tbody>  
  
  </table>

大家不要被这么代码吓到了，真正有用的只有第一个<tr></tr>块里的<th class="th_CheckBox"></th>，目的是给单选框留出一列；第二个<tr></tr>块里的<td><asp:CheckBox ID="cdDelete" ToolTip=‘<%#Eval("id") %>‘ Text="" runat="server"/></td>，真正的显示checkBox控件。其中ToolTip属性是为了携带记录id，有了记录id我们才能操作这条记录。为啥用这个属性呢？因为只有这个属性最合适，让人比较意外的是ASP.NET的checkBox竟然没有value属性，找来找去，只有ToolTip这个属性能用来携带id了，而且用户把鼠标放到checkBox上还会显示出记录id，增加了程序的神秘感。把repeater控件绑定数据之后，每条数据前都会多出一个单选框，这样就达到目的了。作为例子，上边这段代码没必要写这么多，但是为了给读者一个完整的展示，还是把代码写全了。

在界面上再添加一个批量删除按钮，前台就搞定了，怎么在批量删除按钮事件中删除选中的项呢？

aspx.cs后台代码：

protected void btnDelete_Click(object sender, EventArgs e)  
  
   {  
  
      bool result = true;  
  
      //遍历repeater控件的itemtemplate模版  
  
      foreach (RepeaterItem item in UnProRepeater.Items)  
  
      {  
  
          CheckBox cb = (CheckBox)item.FindControl("cdDelete"); //根据控件id获得控件对象，cdDelete是checkBox控件的id  
  
          if (cb.Checked == true)  
  
          {  
  
              //删除操作，根据id删除记录，cb.ToolTip里存放的就是记录id  
  
          }  
  
      }  
  
      //别忘了删除之后要重新绑定数据的哦。。。。。  
  
   }