Add a fully selected CheckBox control to the DataGrid header

Datagrid| control is a simple way to use JS to achieve:

Page:

<asp:datagrid id= "dguserlist" runat= "Server" width= "640px" bordercolor= "white" pagerstyle-horizontalalign= "right "
Allowpaging= "true" allowsorting= "true" autogeneratecolumns= "False" >
<alternatingitemstyle backcolor= "#F5F5F5" ></AlternatingItemStyle>
<itemstyle horizontalalign= "Center" ></ItemStyle>
<pagerstyle horizontalalign= "Right" mode= "NumericPages" ></PagerStyle>
<Columns>
<asp:TemplateColumn>
<HeaderTemplate>
<asp:checkbox id= "Chkall" runat= "Server" ></asp:CheckBox>
</HeaderTemplate>
<ItemTemplate>
<asp:checkbox id= "Chkitem" runat= "Server" ></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:boundcolumn datafield= "id" headertext= "serial number" ></asp:BoundColumn>
<asp:boundcolumn datafield= "username" headertext= "username" ></asp:BoundColumn>
<asp:boundcolumn datafield= "Workno" headertext= "Work No." ></asp:BoundColumn>
<asp:boundcolumn datafield= "Dept" headertext= "department" ></asp:BoundColumn>
</Columns>
<pagerstyle visible= "False" horizontalalign= "right" mode= "NumericPages" ></PagerStyle>
</asp:datagrid>





Background code:

private void Dguserlist_prerender (object sender, System.EventArgs e)
{
foreach (DataGridItem item in Dguserlist.controls[0]. Controls)
{
if (item. ItemType = = Listitemtype.header)
{
CheckBox chkall= (CheckBox) item. FindControl ("Chkall");
System.Text.StringBuilder strscript = new System.Text.StringBuilder ("<script language= ' javascript ' > \ \");
Strscript.append ("function checkstatus () {\ n");
Strscript.append ("var bAll = true; \ n ");
Strscript.append ("BAll = document.all (' + Chkall.clientid +"). Checked; \ n ");

for (int i=0; i<dguserlist.items.count; i++)
{
Strscript.append ("document.all" + dguserlist.items[i). Cells[0]. FindControl ("Chkitem"). ClientID + "'). Checked = BAll; \ n ");
}
Strscript.append ("} \ n");
Strscript.append ("</script> \ n");

if (! Page.isclientscriptblockregistered ("CheckStatus"))
Page.registerclientscriptblock ("CheckStatus", strscript.tostring ());

CHKALL.ATTRIBUTES.ADD ("onclick", "checkstatus ()");
Return
}