Client Side Web Development

Re: Access gridview's Checkbox control in JS

NC01 — Sat, 24 May 2008 14:23:38 GMT

Well, you did not tell us that. The ClientID of the CheckBox (ID to use in client-side functionality) will still be mangled though and that is why your way won't work.

NC...

Re: Access gridview's Checkbox control in JS

saqib_dotnet — Fri, 23 May 2008 17:47:12 GMT

i m kind of disagree here because the checkbox i m trying to access is in the HEader of Gridview....It will be only one checkbox...Its not part of rows...

Re: Access gridview's Checkbox control in JS

suyog.dabhole — Fri, 23 May 2008 17:13:09 GMT

You have added check box in grid view at design time,suppose you binds 20 rows to grid view that mean 20 check boxes finally get added to your final rendered page.And in your code your are accessing directly checkbox id which is not possible.

If you add check box out of grid view your code definilty work because final rendered page only contains one check box,but when you add it grid view until you bind data to it one can not predict no of check boxes in it.

Re: Access gridview's Checkbox control in JS

NC01 — Fri, 23 May 2008 17:00:01 GMT

Because there is a Checkbox2 control declared for each row in the Grid, which makes the ID if each something like: 'GridView1_ctl" + rowNumber + "_Checkbox2' which <%=Checkbox2.ClientID%> can't unscramble. The way that I posted is the correct way of dealing with GridViews, DataGrids, etc.

NC...

Re: Access gridview's Checkbox control in JS

saqib_dotnet — Fri, 23 May 2008 15:06:12 GMT

The above code certainly works...but would you please tell me why the method i was trying didnt work...

Re: Access gridview's Checkbox control in JS

NC01 — Fri, 23 May 2008 14:56:17 GMT

Add to your GridView:

<asp:GridView ID="GridView1" OnRowDataBound="GridView1_RowDataBound" ...

Change your JavaScript to this:

// Rest of your code goes here...
}
// -->
</script>

Add to the CodeBehind:

protected void GridView1_RowDataBound(Object sender, GridViewRowEventArgs e)
{
if ( e.Row.RowType == DataControlRowType.DataRow )
{
// CheckBox with an ID of "Checkbox2" is in column #1 of the Grid...
Button checkBox2 = (Button)e.Row.Cells[1].FindControl("Checkbox2");

if ( checkBox2 != null )
checkBox2.Attributes.Add("onclick", "onCheckbox2Click(this);");
}
}

NC...

Re: Access gridview's Checkbox control in JS

saqib_dotnet — Fri, 23 May 2008 14:29:45 GMT

suyog.dabhole:

Hi from page view source get id of check box like this.

var chkbox = document.getElementById('ctl00_MainContentPlaceHolder_GridView1_ctl03_Checkbox2');

Thats why i did document.getelementbyid('<%= Checkbox2.ClientID %>'), so i would get the cleint id.

my soucre code is :

<asp:TemplateField HeaderText="View Report">

<span>View Report</span>

<asp:CheckBox ID="cbSelectAll" runat="server" />

</HeaderTemplate>

<asp:CheckBox ID="Checkbox2" runat="server" name="Checkbox2" /> ---HEERE IS CHECKBOX2 IS DECLARED.

</ItemTemplate>

</asp:TemplateField>

Re: Access gridview's Checkbox control in JS

suyog.dabhole — Fri, 23 May 2008 10:40:11 GMT

Hi from page view source get id of check box like this.

var chkbox = document.getElementById('ctl00_MainContentPlaceHolder_GridView1_ctl03_Checkbox2');

for each row different id page will genrate id's it depends upon no of row you bind to grid view.

In your code it looks that at design time you have added check box in side grid so it difficult get direct client id.

Re: Access gridview's Checkbox control in JS

KashifB — Fri, 23 May 2008 10:20:53 GMT

Do you have the JavaScript in the .aspx page or in a separate file?

If it's in a separate file this method will not work and also using this method you will have to use the FindControl method of the GridView to find the Checkbox control and get it' Client ID.

Re: Access gridview's Checkbox control in JS

suyog.dabhole — Fri, 23 May 2008 10:16:31 GMT

Hi post you code so we can monitor it

Access gridview's Checkbox control in JS

saqib_dotnet — Thu, 22 May 2008 16:54:00 GMT

Hello all,

How can i access the checkbox declared inside the Gridview using JS? i tried:

var chkbox = document.getElementById('<%=Checkbox2.ClientID%>');

and i got error, couldnt find checkbox2.