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 ...
随机推荐
- 【KMP模板】POJ3461-Oulipo
[题意] 找出第一个字符串在第二个字符串中出现次数. [注意点] 一定要先将strlen存下来,而不能每次用每次求,否则会TLE! #include<iostream> #include& ...
- Problem I: 零起点学算法88——青年歌手大奖赛_评委会打分
#include<stdio.h> int main(void) { ],n,i; while(scanf("%d",&n)!=EOF) { n>& ...
- Linux进程(作业)的查看和杀死 牛
http://www.cnblogs.com/geaozhang/p/6910151.html
- win7怎么设置1440*900分辨率
右击桌面打开nvidia显卡控制面板显示一栏里面选择更改分辨率如果里面没有你要求的1440*900, 点下面的那个自定义,创建自定义分辨率,水平像素填1440,垂直扫描线填900. 创建完就可以应用了
- 二十四种设计模式：抽象工厂模式(Abstract Factory Pattern)
抽象工厂模式(Abstract Factory Pattern) 介绍提供一个创建一系列相关或相互依赖对象的接口,而无需指定它们具体的类. 示例有Message和MessageModel,Messag ...
- Android应用内使用新浪微博SDK发送微博（不调用微博客户端）
需求 手头的一个应用需要添加分享到新浪微博的功能,这个功能在现在的应用上是非常的普遍的了. 分享到新浪微博,其实就是发送一条特定内容的微博,所以需要用到新浪微博SDK了. 微博SDK SDK的下载地址 ...
- sftp子系统申请已拒绝 请确保ssh连接的sftp子系统设置有效
一.sftp子系统申请已拒绝,请确保ssh连接的sftp子系统设置有效 1.修改配置文件 [root@nulige ~]# vi /etc/ssh/sshd_config # override def ...
- 【android开发】10款实用的Android UI工具，非常有用！
移动应用的UI设计就好似达摩克利斯之剑,一方面,一个视觉.交互.体验良好的UI可以加强应用在用户心目中的形象和识别性.而另一方面,一个体验糟糕的UI设计不仅无法让用户沉浸在应用中,还会造成用户对应用产 ...
- RocketMQ 拉取消息-通信模块
首先看server端:class NettyRemotingServer extends NettyRemotingAbstract implements RemotingServer 下面这个实现了 ...
- 安卓新闻client笔记积累
做一个项目,假设有第三方的框架的话.就会简单非常多.如今看的这个新闻client就用到了很多框架,还有非常多知识点,放在这里,记录下来. (1)Android Volley 之自己定义Request ...