GridView控件的全选反选
2013-10-22 20:52
218 查看
我们用代码来看这个问题：
1）、
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function checkall() { //此函数是为全选按钮设计的函数。
var input = document.getElementsByTagName('input'); //设置变量来接收所有的input标签
for (var i = 0; i < input.length; i++) { //遍历input 标签
if (input[i].type == 'checkbox') { //判断input标签的类型是否为checkbox类型
input[i].checked = document.getElementById('Checkall').checked; //input标签为checkbox类型，设置它的状态与全选按钮的状态为一致。全选按钮为选中则全部checkbox选中，反之则都不选中。
}
if (document.getElementById('Checkall').checked == true) { //此判断判断当全选按钮被选中够则在全选按钮后显示“取消全选”，全选按钮没被选中则在全选按钮后显示“全选”。
document.getElementById('spaninfo').innerHTML = "取消全选";
} else {
document.getElementById('spaninfo').innerHTML = "全选";
}
}
}
function notcheck() { //此函数是为反选实际的函数,反选就是你选中几个，当按反选的时候，选中的取消，没选中的都选中。
var input = document.getElementsByTagName('input');
for (var i = 0; i < input.length; i++) { //遍历input标签
if (input[i].type == 'checkbox') {
if (input[i].checked == true) { //此判断就是检查判断所有的checkbox，若其中有被选中的变为不选中，没选中的为选中。
input[i].checked = false;
} else {
input[i].checked = true;
}
document.getElementById('Checkall').checked = false;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table><tr><td><input id="Checkall" type="checkbox" onclick="checkall()"/></td><td style="width:65px;"><span id="spaninfo">全选</span></td><td> //此为全选按钮
<input id="Button1" type="button" value="添加" onclick="addwebtable()" /></td>
<td><input
id="Button4" type="button" value="反选" onclick="notcheck()"/></td> //此为反选按钮
<td><asp:Button
ID="Button5" runat="server" Text="删除" OnClientClick="check()" onclick="Button5_Click" /></td> //此为全选多选删除按钮，下面的后台代码就是该按钮的。
<td> </tr></table>
<--这段代码可以不看--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<asp:GridView ID="GridView1" runat="server"
Width="798px" CellPadding="4" ForeColor="#333333"
AutoGenerateColumns="False" onrowcommand="GridView1_RowCommand" >
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server"/>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="UserName" HeaderText="用户名" >
<ItemStyle Width="120px" />
</asp:BoundField>
<asp:BoundField DataField="RealName" HeaderText="姓名" >
<ItemStyle Width="100px" />
</asp:BoundField>
<asp:BoundField DataField="Address" HeaderText="家庭地址" >
<ItemStyle Width="200px" />
</asp:BoundField>
<asp:ImageField DataImageUrlField="imageurl" HeaderText="照片">
<ControlStyle Height="30px" Width="30px" />
<ItemStyle Width="120px" />
</asp:ImageField>
<asp:TemplateField HeaderText="操作">
<ItemTemplate>
<asp:Button ID="Button2" runat="server" Text="修改"
CommandName="Revise" CommandArgument='<%#Eval("UserName")%>' />
<asp:Button ID="Button3" runat="server" Text="删除"
CommandName="butDelete" CommandArgument='<%#Eval("UserName") %>' />
</ItemTemplate>
<ItemStyle Width="120px" />
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#999999" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<PagerTemplate>
</PagerTemplate>
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#E9E7E2" />
<SortedAscendingHeaderStyle BackColor="#506C8C" />
<SortedDescendingCellStyle BackColor="#FFFDF8" />
<SortedDescendingHeaderStyle BackColor="#6F8DAE" />
</asp:GridView>
<----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
</form>
</body>
</html>
2）、删除按钮的后台代码。
protected void Button5_Click(object sender, EventArgs e)
{
int checknumber = 0;
string deletestr = "";
for (int i = 0; i < GridView1.Rows.Count; i++) //遍历GridView的所有行
{
if (GridView1.Rows[i].RowType == DataControlRowType.DataRow) //判断GridView所有行的数据类型，找出其中的数据行。
{
CheckBox check = GridView1.Rows[i].FindControl("CheckBox1") as CheckBox; //将所有数据行中checkbox控件创建实例转化为checkbox类型。
if (check.Checked == true)
{
deletestr += "'" + GridView1.Rows[i].Cells[1].Text + "',"; //获取所有数据行里checkbox被选中的行的第二列（也就是我例子中用户名的值）。并且用字符串将所有选中的用户名拼接起来。
checknumber++;
}
}
}
if (checknumber > 0)
{
deletestr = deletestr.Trim(','); //去掉拼接是首位多出来的逗号。
string connection1 = ConfigurationManager.ConnectionStrings["serverstr"].ConnectionString;
using (SqlConnection conn = new SqlConnection(connection1))
{
conn.Open();
using (SqlCommand command = conn.CreateCommand())
{
command.CommandText = "delete from T_student1 where UserName in(" + deletestr + ")"; //将拼接的字符串放到Sql语句中。完成多选删除
if (command.ExecuteNonQuery() > 0)
{
connection();
pageindexinfo();
//sum();
}
}
}
}
}
1）、
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function checkall() { //此函数是为全选按钮设计的函数。
var input = document.getElementsByTagName('input'); //设置变量来接收所有的input标签
for (var i = 0; i < input.length; i++) { //遍历input 标签
if (input[i].type == 'checkbox') { //判断input标签的类型是否为checkbox类型
input[i].checked = document.getElementById('Checkall').checked; //input标签为checkbox类型，设置它的状态与全选按钮的状态为一致。全选按钮为选中则全部checkbox选中，反之则都不选中。
}
if (document.getElementById('Checkall').checked == true) { //此判断判断当全选按钮被选中够则在全选按钮后显示“取消全选”，全选按钮没被选中则在全选按钮后显示“全选”。
document.getElementById('spaninfo').innerHTML = "取消全选";
} else {
document.getElementById('spaninfo').innerHTML = "全选";
}
}
}
function notcheck() { //此函数是为反选实际的函数,反选就是你选中几个，当按反选的时候，选中的取消，没选中的都选中。
var input = document.getElementsByTagName('input');
for (var i = 0; i < input.length; i++) { //遍历input标签
if (input[i].type == 'checkbox') {
if (input[i].checked == true) { //此判断就是检查判断所有的checkbox，若其中有被选中的变为不选中，没选中的为选中。
input[i].checked = false;
} else {
input[i].checked = true;
}
document.getElementById('Checkall').checked = false;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table><tr><td><input id="Checkall" type="checkbox" onclick="checkall()"/></td><td style="width:65px;"><span id="spaninfo">全选</span></td><td> //此为全选按钮
<input id="Button1" type="button" value="添加" onclick="addwebtable()" /></td>
<td><input
id="Button4" type="button" value="反选" onclick="notcheck()"/></td> //此为反选按钮
<td><asp:Button
ID="Button5" runat="server" Text="删除" OnClientClick="check()" onclick="Button5_Click" /></td> //此为全选多选删除按钮，下面的后台代码就是该按钮的。
<td> </tr></table>
<--这段代码可以不看--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<asp:GridView ID="GridView1" runat="server"
Width="798px" CellPadding="4" ForeColor="#333333"
AutoGenerateColumns="False" onrowcommand="GridView1_RowCommand" >
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server"/>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="UserName" HeaderText="用户名" >
<ItemStyle Width="120px" />
</asp:BoundField>
<asp:BoundField DataField="RealName" HeaderText="姓名" >
<ItemStyle Width="100px" />
</asp:BoundField>
<asp:BoundField DataField="Address" HeaderText="家庭地址" >
<ItemStyle Width="200px" />
</asp:BoundField>
<asp:ImageField DataImageUrlField="imageurl" HeaderText="照片">
<ControlStyle Height="30px" Width="30px" />
<ItemStyle Width="120px" />
</asp:ImageField>
<asp:TemplateField HeaderText="操作">
<ItemTemplate>
<asp:Button ID="Button2" runat="server" Text="修改"
CommandName="Revise" CommandArgument='<%#Eval("UserName")%>' />
<asp:Button ID="Button3" runat="server" Text="删除"
CommandName="butDelete" CommandArgument='<%#Eval("UserName") %>' />
</ItemTemplate>
<ItemStyle Width="120px" />
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#999999" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<PagerTemplate>
</PagerTemplate>
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#E9E7E2" />
<SortedAscendingHeaderStyle BackColor="#506C8C" />
<SortedDescendingCellStyle BackColor="#FFFDF8" />
<SortedDescendingHeaderStyle BackColor="#6F8DAE" />
</asp:GridView>
<----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
</form>
</body>
</html>
2）、删除按钮的后台代码。
protected void Button5_Click(object sender, EventArgs e)
{
int checknumber = 0;
string deletestr = "";
for (int i = 0; i < GridView1.Rows.Count; i++) //遍历GridView的所有行
{
if (GridView1.Rows[i].RowType == DataControlRowType.DataRow) //判断GridView所有行的数据类型，找出其中的数据行。
{
CheckBox check = GridView1.Rows[i].FindControl("CheckBox1") as CheckBox; //将所有数据行中checkbox控件创建实例转化为checkbox类型。
if (check.Checked == true)
{
deletestr += "'" + GridView1.Rows[i].Cells[1].Text + "',"; //获取所有数据行里checkbox被选中的行的第二列（也就是我例子中用户名的值）。并且用字符串将所有选中的用户名拼接起来。
checknumber++;
}
}
}
if (checknumber > 0)
{
deletestr = deletestr.Trim(','); //去掉拼接是首位多出来的逗号。
string connection1 = ConfigurationManager.ConnectionStrings["serverstr"].ConnectionString;
using (SqlConnection conn = new SqlConnection(connection1))
{
conn.Open();
using (SqlCommand command = conn.CreateCommand())
{
command.CommandText = "delete from T_student1 where UserName in(" + deletestr + ")"; //将拼接的字符串放到Sql语句中。完成多选删除
if (command.ExecuteNonQuery() > 0)
{
connection();
pageindexinfo();
//sum();
}
}
}
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 四种有能力取代Cookies的客户端Web存储方案
- ubuntu12.04新手指南
- Win32下libsmi编译
- 程序员面试的不二选择
- hdu 3061 Battle(最大权闭合图)
- oracle pl/sql clob转换为blob（clob2blob），blob转换为clob(blob2clob)方法
- Linux 显示每个线程 打开的句柄数
- paip.编程压缩Access数据库
- 互联网产品之美（1）：用具有创意的产品证明自己的创造力
- Android ScrollView 嵌套ListView的替代方案
- fms-后台管理用户列表
- 汇编有符号数和无符号数总结
- （顺序容器类）向量应用：一个非常长的整数类
- libcurl教程
- Mybatis中javaType和jdbcType对应和CRUD例子
- SmartAuditor 部署主要事项
- Unreal3 碰撞参考指南
- UVa 11111 Generalized Matrioshkas (栈)
- C++基础知识（三）C++的输入和输出及操纵符
- orcale常用函数之字符函数--------------orcale笔记