nested user controls and javascript getElementById RSS

• • Reply
  

  BarryFanta

  Member

  5 Points

  9 Posts

  nested user controls and javascript getElementById

  Jul 06, 2010 06:30 AM|LINK

  I've got a basic web form page which I use 2 user controls on. The first control has the second nested within it...
  

  On my first popup.ascx i have the following javascript validation
  

  .ClientID %>');

  txtDate works fine so is there some issue with having nested user controls and using getElementById I'm missing?
  

  Thanks.

  ASP.NET User controls javascriptript asp.net javascript and C# asp.net validation user control javascript

  • Edited by BarryFanta on Jul 06, 2010 10:57 AM
  • Edited by BarryFanta on Jul 06, 2010 11:00 AM
  • Edited by BarryFanta on Jul 06, 2010 11:03 AM
  • Edited by BarryFanta on Jul 06, 2010 11:07 AM
  • Edited by BarryFanta on Jul 06, 2010 01:42 PM
  • Edited by BarryFanta on Jul 06, 2010 01:43 PM
• • Reply
  

  BarryFanta

  Member

  5 Points

  9 Posts

  Re: nested user controls and javascript getElementById

  Jul 06, 2010 04:08 PM|LINK

  Managed to get a reference to the nested drop down list by using the following function:

  function GetClientId(strid)
      {
           var count=document.forms [ 0 ] . length ;
           var i = 0 ;
           var eleName;
           for (i = 0 ;  i < count ;  i++ )
           {
             eleName = document.forms [ 0 ] . elements [ i ] .id;
             pos=eleName.indexOf ( strid ) ;
             if(pos >= 0)  break;          
           }
          return eleName;
       }

  Kind of a work around I guess. Can anyone better this method of solving it?
  

  • Edited by BarryFanta on Jul 07, 2010 01:30 PM
  • Edited by BarryFanta on Nov 27, 2010 11:07 AM
• • Reply
  

  Zizhuoye Che...

  All-Star

  21915 Points

  1915 Posts

  Re: nested user controls and javascript getElementById

  Jul 08, 2010 07:33 AM|LINK

  Hi,

  i am not sure what cause this issue.

  But you can try to use this code to find control in WebUserControl which nested in your aspx page.

  Suppose the popup.ascx's ID is popupControl and the locations.ascx's ID is locationControl

  To find "txtArrangedDate" which in popup.ascx we can use 

   
  
  
  And also to find "drpLocationList" which in location.ascx we can use
  var ddlLocation = document.getElementById('<%=popupControl.FindControl("locationControl").FindControl("drpLocationList").ClientID%>');

   

  Hope this can help you.

  Please mark the replies as answers if they help or unmark if not.
  If you have any feedback about my replies, please contact msdnmg@microsoft.com
  Microsoft One Code Framework
  • Marked as answer by Zizhuoye Chen - MSFT on Jul 12, 2010 01:28 AM