软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 网络编程 > ASP教程 > GridView实现客户端全选,一次删除

GridView实现客户端全选,一次删除

1:假设GridView绑定表Product (主键ProductID)

2:<asp:Button ID="btnDel" runat="server" Text="删除选择商品" OnClick="btnDel_Click" OnClientClick="return CheckData()"/><br />

<asp:GridViewID="grid" runat="server"AutoGenerateColumns="false" DataKeyNames="ProductID">

<Columns>

<asp:TemplateField>

<HeaderTemplate>

<input id="checkAll" type="checkbox" onclick="CheckAll(this)" runat="server" /><label>全选</label>

</HeaderTemplate>

<ItemTemplate>

<input id="cbItem" name="cbItem" type="checkbox" value='<%# Eval("ProductID") %>' />

</ItemTemplate></asp:TemplateField>

其他列绑定略….

3:JavaScript代码

1 <script type="text/javascript">
2
3 function CheckAll(oCheckbox)
4 {
5 var grid = document.getElementById("<%=grid.ClientID %>");
6 for(i = 1;i < grid.rows.length; i++)
7 {
8 grid.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked=oCheckbox.checked;
9 }
10 }
11
12 //判断是否已经选中任何一项
13 function CheckData()
14 {
15 var oItemList = document.getElementsByName("cbItem");
16 for (var i = 0; i < oItemList.length; i++)
17 {
18 if (oItemList[i].checked)
19 {
20 if(window.confirm("确定要删除吗?")==true)
21 {
22 return true;
23 }
24 else
25 {
26 return false;
27 }
28 }
29 }
30 alert("您还没有选择任何项!");
31 return false;
32 }
33 </script>
34
35

4:关键是btnDel后台代码

if (Request.Form["cbItem"] != null)

string sProductsID = Request.Form["cbItem"].ToString();//”1,2,3,4的格式”

string[] arr = sProductsID.Split(',');

for (int i = 0; i < arr.Length; i++)

{

CatalogAccess.DeleteProduct(Int32.Parse(arr[i]));//业务代码

}

//重新绑定GridView 略…

来自:http://www.cnblogs.com/freegarden/

    相关阅读
    网友评论