How to find CheckBoxes(in Header & Row) of Child GridView in a nested GridView(Parent and only one Child Gridview) using JAVASCRIPT/JQUERY? Please kindly help me. Thanks in advance!.

Question

1.00/5 (1 vote)

See more:

Posted 27-Apr-15 0:07am

Member 11598660

Updated 27-Apr-15 20:08pm

v2

Add a Solution

Comments

Andy Lanng 27-Apr-15 6:42am

Do you use jQuery?

Member 11598660 28-Apr-15 9:24am

yes.

Suvendu Shekhar Giri 28-Apr-15 2:43am

When you want to find those controls ? On some event?
Check the answer here for a similar kind of question
How to access Textbox and Label value from Child Gridview in Javascript?

Member 11598660 28-Apr-15 9:27am

I want to find in child gridview's check box(Header and Row checkbox) click event. Thank you very much for your answer.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-Apr-15 4:20am

What have you tried so far?

Member 11598660 28-Apr-15 9:30am

I unable to find the Check box in Child GridView, so that i unable to highlight that purticular rows & CheckBox got selected in child GridView.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 29-Apr-15 3:04am

Okay. You need to find the Child Grid first, then only you will be able to find the CheckBox Control. Have you tried to find the Child Grid first? Please share the code, I can help.

Member 11598660 29-Apr-15 3:16am

Hi, this is the code, here i wnat to find checkbox(chkHeaderChild,chkGameChild) in child gridview and in childgrid checkbox(chkGameChild) click event i want to highlight that purticular child gridview's row by some color. Thanks alot!

<asp:GridView ID="gvTournament" runat="server" AutoGenerateColumns="False" BorderColor="#010101"
BackColor="White" Style="border: 1px solid #010101" CellPadding="4" GridLines="None"
Width="100%" OnRowDataBound="gvTournament_RowDataBound">
<columns>
<asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="5%">
<HeaderTemplate>
<asp:CheckBox ID="chkHeader" runat="server" AutoPostBack="true" OnCheckedChanged="chkHeader_CheckedChanged" />
</HeaderTemplate>
<itemtemplate>
<asp:CheckBox ID="chkTournament" runat="server" AutoPostBack="true" OnCheckedChanged="chkTournament_CheckedChanged" />

<itemstyle horizontalalign="Center">

<asp:BoundField DataField="EventMDesc" HeaderText="Tournament" ReadOnly="True" ItemStyle-HorizontalAlign="Center">
<itemstyle horizontalalign="Center">

<asp:BoundField DataField="EventMID" HeaderText="EventMID" ReadOnly="True" ItemStyle-HorizontalAlign="Center"
Visible="false">
<itemstyle horizontalalign="Center">

<asp:TemplateField ItemStyle-HorizontalAlign="Center">
<itemtemplate>
<tr>
<td colspan="100%">
<asp:GridView ID="gvGame" runat="server" AutoGenerateColumns="False" BorderColor="#010101"
BackColor="White" Style="border: 1px solid #010101" CellPadding="4" GridLines="Both"
Width="100%" Visible="false">
<columns>
<asp:TemplateField ItemStyle-HorizontalAlign="Center">
<HeaderTemplate>
<asp:CheckBox ID="chkHeaderChild" runat="server" AutoPostBack="true"
OnCheckedChanged="chkHeaderChild_CheckedChanged" onclick="return getId(this)"/>
</HeaderTemplate>
<itemtemplate>
<asp:CheckBox ID="chkGameChild" runat="server" AutoPostBack="true"
OnCheckedChanged="chkGameChild_CheckedChanged" onclick="return getId(this)"/>

<itemstyle horizontalalign="Center">

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 29-Apr-15 3:29am

See my answer.

Member 11598660 29-Apr-15 7:15am

Hi, Thanks a lot for your answer. I already did this in C#. But i need to do this in JAVASCRIPT/JQUERY. The CheckedChanged event will be removed.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 29-Apr-15 7:53am

If you want to do this in client side, then you need to see the grid structure rendered on browser and code in jQuery accordingly.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 29-Apr-15 10:23am

Do you have any update?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2015-04-28T21:29:00

Solution 1

Inside the chkGameChild_CheckedChanged event, get the child GridView current row and highlight it like...

C#

// Get the current GridView Row, from which the CheckBox is checked.
GridViewRow currentRow = (GridViewRow)chkGameChild.NamingContainer;
currentRow.BackColor = Color.LightYellow;

Posted 28-Apr-15 21:29pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)