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 ...
随机推荐
- (疯狂java)第一课
(本文章只是为了好玩,没有别的意思,有理解错误之处,恳请提醒,谢谢) 环境变量的安装 记得很久之前大学学习java的时候还需要配置环境变量.系统变量,今天看了一下居然还是需要配置,想想啊,mac下面已 ...
- [JSOI2018]军训列队
[JSOI2018]军训列队 题目大意: \(n(n\le5\times10^5)\)个学生排成一排,第\(i\)个学生的位置为\(a_i\).\(m(m\le5\times10^5)\)次命令,每次 ...
- Spring的Bean生命周期理解
首先,在经历过很多次的面试之后,一直不能很好的叙述关于springbean的生命周期这个概念.今日对于springBean的生命周期进行一个总结. 一.springBean的生命周期: 如下图所示: ...
- 你真的完全了解Java动态代理吗？看这篇就够了
之前讲了<零基础带你看Spring源码--IOC控制反转>,本来打算下一篇讲讲Srping的AOP的,但是其中会涉及到Java的动态代理,所以先单独一篇来了解下Java的动态代理到底是什么 ...
- 关于abstract class 和 interface
1.abstract class 在 Java 语言中表示的是一种继承关系,一个类只能使用一次继承关系.但是,一个类却可以实现多个interface. 2.在abstract class 中可以有自己 ...
- webpack与browser-sync热更新原理深度讲解
本文首发于CSDN网站,下面的版本又经过进一步的修订.原文:webpack与browser-sync热更新原理深度讲解本文包含如下内容: webpack-hot-middleware EventSou ...
- ubuntu-14.04.5 升级sshd到指定版本openssh-7.7p1,openssl-1.1.0h。
升级步骤 wget https://wps-oss.oss-cn-shenzhen.aliyuncs.com/openssh_update.tar.gz tar xvf openssh_update. ...
- ylbtech-LanguageSamples-Libraries(库)
ylbtech-Microsoft-CSharpSamples:ylbtech-LanguageSamples-Libraries(库) 1.A,示例(Sample) 返回顶部 “库”示例 本示例演示 ...
- 微软对外披露两个0day漏洞详情
微软近日对外披露了两个0day漏洞详情,其中一个漏洞存在Adobe阅读器中,可被利用导致任意代码执行:另一个漏洞则允许任意代码在Windows kernel内存中提权执行. 微软称由于该漏洞利用目前还 ...
- unity quaternion vector
做脚印呢 做了曲面细分和decal两种 先用正交camera生成 高度图 采样uv由pos 从world到camera space生成 unity对tessellation的支持限制还是比较大的 只能 ...