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 ...
随机推荐
- 【动态规划】mr359-最大公约数之和
[题目大意] 选取和不超过S的若干个不同的正整数,使得所有数的约数(不含它本身)之和最大. 输入一个正整数S. 输出最大的约数之和. 样例输入 Sample Input 11 样例输出 Sample ...
- [NOI2017]整数
[NOI2017]整数 题目大意: \(n(n\le10^6)\)次操作维护一个长度为\(30n\)的二进制整数\(x\),支持以下两种操作: 将这个整数加上\(a\cdot2^b(|a|\le10^ ...
- [洛谷P3809]【模板】后缀排序
[洛谷P3809][模板]后缀排序 题目大意: 对于给定的长度为\(n(n\le10^6)\)的字符串求后缀数组\(sa[i]\). 思路: 倍增+快排构造后缀数组.代码参考<挑战程序设计竞赛& ...
- [转] Spring@Autowired注解与自动装配
1 配置文件的方法 我们编写spring 框架的代码时候.一直遵循是这样一个规则:所有在spring中注入的bean 都建议定义成私有的域变量.并且要配套写上 get 和 set方法. Boss ...
- 8VC Venture Cup 2016 - Final Round D. Preorder Test 二分 树形dp
Preorder Test 题目连接: http://www.codeforces.com/contest/627/problem/D Description For his computer sci ...
- Codeforces Gym 100269F Flight Boarding Optimization 树状数组维护dp
Flight Boarding Optimization 题目连接: http://codeforces.com/gym/100269/attachments Description Peter is ...
- Mac下JAVA开发环境搭建
最近开始学习JAVA, 首先配置下环境! 1.Mac自带的jdk版本老了,需要到oracle官网去下载新的jdk,具体下载那个版本看个人需求,然后安装. 安装完成之后打开Terminal, 执行命 ...
- spring boot 添加自定义属性
1.添加jar compile('org.springframework.boot:spring-boot-configuration-processor:1.2.0.RELEASE') 2.在app ...
- 域名做CDN来通过隐藏服务器真实IP的方法来防止DDoS攻击（转）
隐藏服务器真实IP是解决问题最好和最快的方法,但只针对小流量,大流量同样会扛不住. 服务器前端加CDN中转,比如阿里云.百度云加速.360网站卫士.加速乐.安全宝等,如果资金充裕的话,可以购买高防的盾 ...
- 诡异的 "密码取回" 邮件问题
国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...