GridView中实现全选与取消全选,以便同时删除多条数据
我们项目后台操作中不可避免的会有同时删除多项的操作,本文实现的就是当点击全选时,选定当前页中所有项,当取消了某一项的选定,则“全选”CheckBox的checked也为false;然后在后台中取到所选定的项的ID,实现同时删除多项的功能。
前台代码
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NewsForm.aspx.cs" Inherits="Admin_NewsForm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" language="javascript">
function isOrNotCheckAll(checkValue)
{
var arrAllCheckBoxes = document.getElementsByTagName("input");
//check all
if(checkValue==true)
{
for(i=0;i<arrAllCheckBoxes.length;i++)
{
if(document.getElementById(arrAllCheckBoxes[i].id).type=="checkbox")
{
document.getElementById(arrAllCheckBoxes[i].id).checked=true;
}
}
}
//do not check any one
if(checkValue==false)
{
for(i=0;i<arrAllCheckBoxes.length;i++)
{
if(document.getElementById(arrAllCheckBoxes[i].id).type=="checkbox")
{
document.getElementById(arrAllCheckBoxes[i].id).checked=false;
}
}
}
}
function CBDeleteClick(clientID,checkAllClientID)
{
var arrAllCheckBoxes = document.getElementsByTagName("input");
//there has some one not be checked
if(document.getElementById(clientID).checked==false)
{
for(i=0;i<arrAllCheckBoxes.length;i++)
{
if(arrAllCheckBoxes[i].id.indexOf("CheckAll")!=-1)
{
arrAllCheckBoxes[i].checked=false;
}
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Image ID="Image1" runat="server" ImageUrl="HXImages/button/btn_add.gif" />
<asp:ImageButton ID="BtnDelete" runat="server"
ImageUrl="~/Admin/HXImages/button/btn_del.gif" onclick="BtnDelete_Click" />
<asp:GridView ID="GVNews" runat="server" AutoGenerateColumns="False" DataKeyNames="newsID"
Width="100%" onrowdatabound="GVNews_RowDataBound"
onrowdeleting="GVNews_RowDeleting" AllowPaging="True"
onpageindexchanging="GVNews_PageIndexChanging" PageSize="3" >
<Columns>
<asp:TemplateField>
<HeaderTemplate>
全选
<asp:CheckBox ID="CheckAll" runat="server" OnClick="javascript: return isOrNotCheckAll (this.checked);" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CBDelete" runat="server" />
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
<asp:BoundField DataField="newsID" HeaderText="序号" >
<ItemStyle HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="newsTitle" HeaderText="标题">
<ItemStyle HorizontalAlign="Center" />
</asp:BoundField>
<asp:TemplateField HeaderText="添加日期">
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<%# Convert.ToDateTime(Eval("newsDate")).ToString("yyyy-MM-dd")%>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="newsDegree" HeaderText="点击次数(次)">
<ItemStyle HorizontalAlign="Center" />
</asp:BoundField>
<asp:TemplateField HeaderText="操作">
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<asp:ImageButton ID="ImgDel" title="删除" CommandName="delete" ImageUrl="HXImages/del.gif" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</form>
</body>
</html>
后台代码
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
public partial class Admin_NewsForm : System.Web.UI.Page
{
string sql = null;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindGVNews();
BtnDelete.Attributes.Add("onclick", "return confirm('确定要删除吗?');");
}
}
void BindGVNews()
{
sql = string.Format("select * from newsTable order by newsID desc");
DataTable dt = DataBase.ExecuteDataSet(sql).Tables[0];
GVNews.DataSource = dt.DefaultView;
GVNews.DataBind();
}
protected void GVNews_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
string newsID = GVNews.DataKeys[e.RowIndex].Value.ToString();
sql = string.Format("delete from newsTable where newsID={0}", Convert.ToInt32(newsID));
int i = DataBase.ExecuteNonQuery(sql);
if (i > 0)
{
BindGVNews();
}
}
protected void GVNews_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GVNews.PageIndex = e.NewPageIndex;
BindGVNews();
}
protected void GVNews_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
((ImageButton)e.Row.FindControl("ImgDel")).Attributes.Add("onclick", "return confirm('确定要删除吗?')");
((CheckBox)e.Row.FindControl("CBDelete")).Attributes.Add("onclick", "CBDeleteClick('"+((CheckBox)e.Row.FindControl("CBDelete")).ClientID+"')");
}
}
string GetDeleteIDs()
{
string IDs = null;
foreach (GridViewRow gvr in GVNews.Rows)
{
CheckBox cb = (CheckBox)gvr.FindControl("CBDelete");
if (cb.Checked)
{
if (IDs == null)
{
IDs = GVNews.DataKeys[gvr.RowIndex].Value.ToString();
}
else
{
IDs = IDs+"," + GVNews.DataKeys[gvr.RowIndex].Value.ToString();
}
}
}
return IDs;
}
protected void BtnDelete_Click(object sender, ImageClickEventArgs e)
{
string newsIDs = this.GetDeleteIDs();
if (newsIDs != null)
{
sql = string.Format("delete from newsTable where newsID in ({0})", newsIDs);
int i = DataBase.ExecuteNonQuery(sql);
if (i > 0)
{
BindGVNews();
}
}
else
{
Response.Write("<script>alert('请指定要删除的项!');</script>");
}
}
}
GridView中实现全选与取消全选,以便同时删除多条数据的更多相关文章
- bootstrap实现checkbox全选、取消全选
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 最新版本的 ...
- js实现checkbox组 全选和取消全选
做后台管理程序时,用到一个checkbox组的全选和取消全选的功能, 主要是逻辑上的坑,理清后大概是: 1.全选点击后,小弟1~4都要选上,点击取消,小弟们也要取消 2.只要有一个小弟取消时,全选要取 ...
- datagridview里面的checkbox全选和取消全选
全选 设置全选button,选中所有的checkbox private void selectAll_Click(object sender, EventArgs e) { //遍历datagridv ...
- 使用AngularJS实现简单:全选和取消全选功能
这里用到AngularJS四大特性之二----双向数据绑定 注意:没写一行DOM代码!这就是ng的优点,bootstrap.css为了布局,JS代码也只是简单创建ng模块和ng控制器 效果: < ...
- jQuery --checkbox全选和取消全选简洁高效的解决办法
最近在公司做了一个小项目,其中有一个全选和取消全选的这么一个模块,搞了半天找不到一种最佳的解决方案!后来通过各种努力找到了一种简洁高效的解决办法,这里想和大家分享一下.有问题的话,还望各路大神指导一二 ...
- JS对checkbox全选和取消全选
需求:checkbox控制列表数据全选与取消全选择. 效果图: 1.html <body > <input type="button" name="in ...
- react实现全选、取消全选和个别选择
react里面实现全选和取消全选,个别选择等操作,效果如下 代码: import React, {Component} from 'react' export default class Demo e ...
- DataGridView添加一行数据、全选、取消全选、清空数据、删除选中行
.net 2005下的Windows Form Application,一个DataGridView控件和4个Button,界面设置如下: 代码如下,有注解,相信大家都看得明白: ...
- js全选与取消全选
实现全选与取消全选的效果 要求1(将军影响士兵):点击全选按钮,下面的复选框全部选中,取消全选按钮,下面的复选框全部取消 思路:复选框是否被选中,取决于check属性,将全选按钮的check属性值赋值 ...
- JS实现表单全选以及取消全选实例
实现效果: 全选按钮:点击全选按钮所有的小按钮都会被选中:点掉全选按钮,所有按钮取消选中: 小按钮:只有全部被选中,全选按钮才会被选中 思路分析: 1.全选和取消全选做法:让下面所有复选框的 chec ...
随机推荐
- 【Trie模板】HDU1251-统计难题
[题意] n统计出以某个字符串为前缀的单词数量(单词本身也是自己的前缀). [思路] 裸题,不过G++好像会超内存,C++就不会. #include<iostream> #include& ...
- 关于网络流sap算法
今天终于学习了网络流..之前一直很怕这类问题,个人觉得网络流算是图论里面最难的了.... sap学习下来感觉一般,关于解法都是意识流,细节也是蛮多的.. 我这里先贴一份模版,自已也加了点注释(只是个人 ...
- Android Logcat Security(转)
讲解了在Android开发中logcat使用不当导致的安全问题 原帖地址:http://drops.wooyun.org/tips/3812 0x00 科普 development version : ...
- HMACSHA1算法的JAVA实现
import javax.crypto.Mac; import javax.crypto.SecretKey; import javax.crypto.spec.SecretKeySpec; publ ...
- gitHub 基础命令
设置开发人员信息 git config --global user.name "chen" git config --global user.email "xxxxx@q ...
- memcached与redis区别
redis:redis是一个高级的key-value的nosql,它主要是用作存储,这是因为它具有持久化功能,并且它支持很多种的数据类型操作,例如,字符串list,set,zset,hash等数据结构 ...
- LATEX中优化问题如何排列Max——s.t.格式
做优化的同学可能会碰到排列形如 max ******* s.t. ***** = * ***** > *** ... 的格式 既要要求 max 和 s ...
- Delphi XE8 TStyleBook的使用
Delphi XE8来了,FMX的性能有了巨大的提升,比如:XE7下ListBox上下滑动的卡顿已经不复存在,直接用xe8编译后,再上下划动ListBox,已经变的非常流畅.另外,也见到有网友说,通过 ...
- ISP图像调试工程师——宽动态增强(熟悉图像预处理和后处理技术)
宽动态范围图像快速增强算法 : http://www.docin.com/p-1783311889.html
- MS SQL 标识列的查询
摘自: http://www.2cto.com/database/201212/175000.html SQL标识列的查询 1.判段一个表是否具有标识列 www.2cto.com 可 ...