在做RS系统的时候,有一个基础信息查询的功能,查询记录显示在gridview中,在每条记录之前都有一个checkbox以供选中,然后将所有的选中记录导出到excel中。由于这样一条条选择很麻烦,后来客户要求将所有按条件查询出来的记录一次性全部选中。
经过上网查阅资料和自己实践,目前知道两种实现方式,一种是服务器端办法,一种是脚本方式。下面,咱们就来看一下这两种实现方式
服务器端:
在页面上放一个gridview控件,配置好数据源,编辑列,添加一个模版列,再编辑模版,放入一个checkbox控件。代码如下:
<asp:GridView ID="GridView1" runat="server" AllowPaging="True"AutoGenerateColumns="False"
DataKeyNames="ID"DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundFieldDataField="ID" HeaderText="档案编号" ReadOnly="True"SortExpression="ID" />
<asp:BoundFieldDataField="name" HeaderText="姓名" SortExpression="name" />
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBoxID="chkAll" runat="server" AutoPostBack="True"OnCheckedChanged="chkAll_CheckedChanged"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBoxID="chkItem" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
后台cs代码:
protected void chkAll_CheckedChanged(object sender, EventArgs e)
{
for (int i = 0; i < this.GridView1.Rows.Count;i++)
{
((CheckBox)GridView1.Rows[i].FindControl("chkItem")).Checked =
((CheckBox)this.GridView1.HeaderRow.FindControl("chkAll")).Checked;
}
}
脚本:
<asp:GridView ID="GridView1" runat="server" AllowPaging="True"AutoGenerateColumns="False"
DataKeyNames="ID"DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundFieldDataField="ID" HeaderText="档案编号" ReadOnly="True"SortExpression="ID" />
<asp:BoundFieldDataField="name" HeaderText="姓名" SortExpression="name" />
<asp:TemplateField>
<HeaderTemplate>
<input id="chkAll" onclick="SelectAll(this)";type=checkbox>
</HeaderTemplate>
<ItemTemplate>
<input id="chkItem"type=checkbox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
客户端js代码:
<scripttype="text/javascript">
functionSelectAll(chkbox)
{
varbox=chkbox;
state=theBox.checked;
elem=box.form.elements;
for(i=0;i<elem.length;i++)
if(elem[i].type=="checkbox"&& elem[i].id!=box.id)
{
if(elem[i].checked!=state)
{
elem[i].click();
}
}
}
</script>
以上两种方法我用的是第一种,因为个人更喜欢用c#后台写。大家可以尝试不同的方法解决问题,殊途同归。