假设GridView名称为gvMain, 操作选中项的处理按钮是ibSuoDing
首先在你的GridView列中增加一模板列,模板列的相关信息如下:
<
asp:TemplateField
HeaderText
="选择"
>
< HeaderTemplate >
< input id ="cbHeaderChecked" name ="cbHeaderChecked" onclick ="return SelectChecked()" type ="checkbox" /> <!-- 在头部增加CheckBox全选/全消选择框 -->
</ HeaderTemplate >
< ItemStyle HorizontalAlign ="Center" VerticalAlign ="Middle" Width ="5%" />
< HeaderStyle HorizontalAlign ="Center" />
< ItemTemplate >
< input id ="cbChecked" runat ="server" name ="cbChecked" type ="checkbox" /> <!-- 为绑定的每一行增加选择框 -->
< input id ="HiddenSysCode" runat ="server" style ="width: 193px" type ="hidden" value ='<%# string.Format("{0}",DataBinder.Eval(Container.DataItem, "iSysCode"))% > ' /> <!-- 这行很重要,它在一个隐藏控件里放置了一个字段的值,该字段的值将会在按钮事件处理CheckBox选中项的操作中用到 -->
</ ItemTemplate >
</ asp:TemplateField >
< HeaderTemplate >
< input id ="cbHeaderChecked" name ="cbHeaderChecked" onclick ="return SelectChecked()" type ="checkbox" /> <!-- 在头部增加CheckBox全选/全消选择框 -->
</ HeaderTemplate >
< ItemStyle HorizontalAlign ="Center" VerticalAlign ="Middle" Width ="5%" />
< HeaderStyle HorizontalAlign ="Center" />
< ItemTemplate >
< input id ="cbChecked" runat ="server" name ="cbChecked" type ="checkbox" /> <!-- 为绑定的每一行增加选择框 -->
< input id ="HiddenSysCode" runat ="server" style ="width: 193px" type ="hidden" value ='<%# string.Format("{0}",DataBinder.Eval(Container.DataItem, "iSysCode"))% > ' /> <!-- 这行很重要,它在一个隐藏控件里放置了一个字段的值,该字段的值将会在按钮事件处理CheckBox选中项的操作中用到 -->
</ ItemTemplate >
</ asp:TemplateField >
全选和全消的JavaScript事件,由GridView顶部的CheckBox激发
<
script language
=
"
javascript
"
>
function SelectChecked()
... {
var t = document.getElementsByTagName("input");
for(var i=0; i<t.length; i++)
...{
if (t[i].type == "checkbox" && t[i].name.indexOf("cbChecked") != -1)
...{
t[i].checked = document.all.item("cbHeaderChecked").checked;
}
}
}
</ script >
function SelectChecked()
... {
var t = document.getElementsByTagName("input");
for(var i=0; i<t.length; i++)
...{
if (t[i].type == "checkbox" && t[i].name.indexOf("cbChecked") != -1)
...{
t[i].checked = document.all.item("cbHeaderChecked").checked;
}
}
}
</ script >
选中和取消选中的操作已经结束,后面我们来处理一下提交按钮对选择结果的判断处理
<
asp:ImageButton
ID
="ibSuoding"
runat
="server"
ImageUrl
="~/Images/Button/suoding.gif"
OnClick
="ibSuoding_Click"
onClientClick
="return CheckForm()"
/>
<!--
onClientClick事件绑定检查操作
-->
脚本检查行前的CheckBox是不是处于选中状态
<
script language
=
"
javascript
"
>
function CheckForm()
... {
var m=0;
var t=document.getElementsByTagName("input"); //获取页面中类型为input的元素个数
for(var i=0;i<t.length;i++)
...{
//判断是不是CheckBox控件,并通过名称indexOf("cbChecked") != -1方法来判断是不是GridView中的CheckBox,还判断了是不处理选中状态
if (t[i].type == "checkbox" && t[i].name.indexOf("cbChecked") != -1 && t[i].checked == true)
...{
m++;
}
}
if (m == 0)
...{
alert("请选择想要处理的项!");
return false ;
}
else
...{
return confirm('您确定要处理选中的项吗?');
}
}
</ script >
function CheckForm()
... {
var m=0;
var t=document.getElementsByTagName("input"); //获取页面中类型为input的元素个数
for(var i=0;i<t.length;i++)
...{
//判断是不是CheckBox控件,并通过名称indexOf("cbChecked") != -1方法来判断是不是GridView中的CheckBox,还判断了是不处理选中状态
if (t[i].type == "checkbox" && t[i].name.indexOf("cbChecked") != -1 && t[i].checked == true)
...{
m++;
}
}
if (m == 0)
...{
alert("请选择想要处理的项!");
return false ;
}
else
...{
return confirm('您确定要处理选中的项吗?');
}
}
</ script >
当返回fasle的时候就停止操作,并且不进行回送。如果true则进行操作,就执行回送的Click事件
protected
void
ibSuoDing_Click(
object
sender, ImageClickEventArgs e)
... {
string checkValue = RetrieveCheckValue(gvMain, "cbChecked", "HiddenSysCode")
//对取得的checkValue进行处理,如delete ..... where id in(" + checkValue + ")等等的数据库操作了
}
// 取选中值的函数
public static string RetrieveCheckValue(GridView GridViewMain, string RowCheckBoxName, string RowHiddenInputName)
... {
string a = "";
foreach (GridViewRow GridViewMainItem in GridViewMain.Rows)
...{
HtmlInputCheckBox chk = (HtmlInputCheckBox)(GridViewMainItem.FindControl(RowCheckBoxName));
HtmlInputHidden hiInput = (HtmlInputHidden)(GridViewMainItem.FindControl(RowHiddenInputName));
if (chk.Checked == true)
...{
a += "," + hiInput.Value;
}
}
if (a != "")
...{
a = a.Substring(1, a.Length - 1);
}
return a;
}
... {
string checkValue = RetrieveCheckValue(gvMain, "cbChecked", "HiddenSysCode")
//对取得的checkValue进行处理,如delete ..... where id in(" + checkValue + ")等等的数据库操作了
}
// 取选中值的函数
public static string RetrieveCheckValue(GridView GridViewMain, string RowCheckBoxName, string RowHiddenInputName)
... {
string a = "";
foreach (GridViewRow GridViewMainItem in GridViewMain.Rows)
...{
HtmlInputCheckBox chk = (HtmlInputCheckBox)(GridViewMainItem.FindControl(RowCheckBoxName));
HtmlInputHidden hiInput = (HtmlInputHidden)(GridViewMainItem.FindControl(RowHiddenInputName));
if (chk.Checked == true)
...{
a += "," + hiInput.Value;
}
}
if (a != "")
...{
a = a.Substring(1, a.Length - 1);
}
return a;
}
至此一个类邮件的全选、全消,和对选中的结果进行处理的页面就做了,你可以把这些再精简一下,或者放到类库中统一调用。将会节省不少的代码和时间。