GridView分组全选CheckBox-技术开发专区

GridView分组全选CheckBox

作者：ITPUB论坛编辑： nancy 2008-04-02 19:38

【IT168技术文档】

脚本为网上搜的(个人认为很牛,针对不太会js和ajax的新手,多项分组全选实现起来最为简单),来源忘了，抱歉@@
基本上HeaderTemplate采用客户端,ItemTemplate为服务端
javascript脚本：

    <script type="text/javascript">
function selectAll(obj)
{
var theTable = obj.parentElement.parentElement.parentElement;
var i;
var j = obj.parentElement.cellIndex;
for(i=0;i<theTable.rows.length;i++)
{
var objCheckBox = theTable.rows[i].cells[j].firstChild;
if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;
}
}
</script>

GridView范例：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" PageSize="20"
Width="100%" OnRowDataBound="GridView1_RowDataBound">
<Columns>
<asp:BoundField DataField="EMP_ID" HeaderText="员工编号" />
<asp:BoundField DataField="EMP_NO" HeaderText="员工工号" />
<asp:BoundField DataField="emp_name" HeaderText="员工姓名" />
<asp:BoundField DataField="dept_name" HeaderText="部门名称" />
<asp:BoundField DataField="grp_name" HeaderText="班组名称" />
<asp:TemplateField HeaderText="绩效奖金">
<HeaderTemplate>
<input id="CheckAll" type="checkbox" onclick="selectAll(this);" />
绩效奖金
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="inputChkAaa" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
<input id="CheckAll" type="checkbox" onclick="selectAll(this);" />
加班奖金
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="inputChkBbb" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="周末奖金">
<HeaderTemplate>
<input id="CheckAll" type="checkbox" onclick="selectAll(this);" />
加班奖金
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="inputChkCcc" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

至于后台.CS该做什么,仍然做什么,例如可在页面装载时显示员工本身所属奖金系统等等,不多说了

关注我们