Get Child Gridview controls through Jquery

Question

I tried to bind a Jquery datapicker event to a child gridview. It works fine with the parent gridview. However I couldn't get it work for the child gridview. For the parent grid, this works fine:

 $('#<%=gvInvoiceClient.ClientID %>').find('input:text[id$="txtDOB').datepicker({...});

As the childgrid is rendered with different IDs that end with _gvChild, I used various wildcard selectors such as the following but couldn't get it work:

$('[id$=gvDetail]').find('input:text[id$="txtInvoiceEnd"]').datepicker({...});
$('[id*=gvChild]').find('input:text[id$="txtInvoiceEnd"]').datepicker({...});

here's the gridview

 <div runat="server" id="gvChild"> 
  <asp:GridView ID="gvDetail" runat="server">
     <Columns>                                          

     <asp:TemplateField HeaderText="Birthday" >
      <ItemTemplate>
   <asp:Label ID="lblPeriodStartDt" runat="server" </asp:Label>
  </ItemTemplate>                                                       
   <FooterTemplate>  <asp:TextBox ID="txtDOB" runat="server"></asp:TextBox>                                                        
   </FooterTemplate>
</asp:GridView>

zhensu · Accepted Answer · 2015-08-25 05:23:56Z

1

I ended up using a class selector and it worked. $(".calendar").datepicker({'''});

  <asp:GridView ID="gvChild" runat="server">
     <Columns>                                       
   <FooterTemplate>  <asp:TextBox ID="txtDOB"  CssClass ="calendar" runat="server"></asp:TextBox>                                                        
   </FooterTemplate>
</asp:GridView>

answered Aug 25, 2015 at 5:23

zhensu

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Boatmarker · Accepted Answer · 2015-08-15 05:03:37Z

0

There is a slight typo in your selector. If you have an outer element with id ending in gvChild, containing a text field with id ending in txtInvoiceEnd, you want:

$("[id$='gvChild']").find("input:text[id$='txtInvoiceEnd']").datepicker();

answered Aug 15, 2015 at 5:03

Boatmarker

3063 silver badges12 bronze badges

Collectives™ on Stack Overflow

Get Child Gridview controls through Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related