hi, i have created a checkbox column in the dataGrid. however, i keep encounter the problem of not able to check the top checkbox when selecting the top checkbox to checkall. eg. all other checkboxes are checked except the top one.
can anyone help me to solve this problem?
<script language =javascript >
var blnIsChk = new Boolean(false);
</script>
<script language =javascript for ="chkAll" event="onclick">
window.event.returnValue=f
alse;
var objElement = new Object();
var aryElements = new Array();
var intIndex = new Number(0);
var intMaxIndex = new Number(0);
aryElements = window.document .getElementsByTagName ("input");
intMaxIndex= aryElements.length - 1;
for(intIndex=0; intIndex<=intMaxIndex ; intIndex++){
objElement = aryElements[intIndex];
if(objElement.id="chkAdmin
istratorId
"){
if(blnIsChk == false){
objElement.checked = true;
}else{
objElement.checked = false;
}
}//if
}//for
if(blnIsChk == true){
blnIsChk = false;
}else{
blnIsChk = true;
}
</script>
</head>
<body>
<form id="frmData" runat="server">
<div>
<table border ="1" width =600>
<tr>
<td bgcolor =pink >
<asp:Label ID="lblMessage" runat =server Text =""></asp:Label>
</td>
</tr>
<tr>
<td colspan ="2" align= right bgcolor="#ff9999" bordercolor =red >
<asp:Button ID ="btnAdd" runat =server Text ="Add Administrator" />
<asp:Button ID="btnDelete" runat =server Text ="Delete" />
</tr>
<tr >
<td align =center bgcolor ="#ff9999" bordercolor =red >
<asp:DataGrid ID="grdData" runat =server AutoGenerateColumns =false AllowPaging =true PageSize ="5">
<PagerStyle Mode ="NumericPages" HorizontalAlign =Right />
<Columns>
<asp:BoundColumn DataField ="AdministratorId" Visible =false ></asp:BoundColumn>
<asp:BoundColumn HeaderStyle-BackColor =Lavender ></asp:BoundColumn>
<asp:BoundColumn DataField ="UserId" Visible =true HeaderText ="User Id" HeaderStyle-BackColor =Lavender ></asp:BoundColumn>
<asp:BoundColumn DataField ="FullName" Visible =true HeaderText ="Full Name" HeaderStyle-BackColor =Lavender ></asp:BoundColumn>
<asp:ButtonColumn ButtonType="PushButton" Text="Edit" HeaderStyle-BackColor =Lavender />
</Columns>
</asp:DataGrid>
<br />
</td>
</tr>
</table>
</div>
</form>
</body>
==========================
==========
==========
=======
below is the behind code to create the checkboxes in the datagrid:
Protected Sub grdData_ItemDataBound(ByVa
l sender As Object, ByVal e As System.Web.UI.WebControls.
DataGridIt
emEventArg
s) Handles grdData.ItemDataBound
If e.Item.ItemType <> ListItemType.Header And _
e.Item.ItemType <> ListItemType.Footer Then
e.Item.Cells(1).Text = "<input type=""checkbox""value="""
& _
e.Item.Cells(0).Text & """name=""chkAdministrator
Id"" id=""chkAdministratorId"">
"
End If
If e.Item.ItemType = ListItemType.Header Then
e.Item.Cells(1).Text = "<input type=""checkbox""value="""
& _
e.Item.Cells(0).Text & """name=""chkAll"" id=""chkAll"">"
End If
End Sub
Start Free Trial