Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Panelbar > Get control contained in nested RedPanelBar vi javascript

• Vasya Ivanov Intermediate

  Posted on Mar 30, 2011 (permalink)

  Hi guys,
  I have multiple RadPanelBars inside one RadPanelBar.How to get control of textbox in one of the radpanelbar vi javascript:
  Here is a code:
  

  <

   

  asp:Panel ID="mainPanel" runat="server">

   

   

  <telerik:RadPanelBar ID="formPanel" runat="server" Width="98%" ExpandMode="MultipleExpandedItems" Skin="Forest" EnableEmbeddedSkins="false" BackColor="#0080FF" >

   

   

  <Items>

   

   

  <telerik:RadPanelItem Expanded="true" Text="PRINCIPAL PER SESSION REQUEST APPLICATION FORM " runat="server" Selected="true" Font-Bold="false" Font-Size ="13" Font-Names ="Verdana" ForeColor="white" >

   

   

  <Items>

   

   

  <telerik:RadPanelItem Value="principalForm" runat="server" Height="75">

   

   

  <ItemTemplate>

   

   

  <br />

   

   

  <telerik:RadPanelBar ID="personalPanel" runat="server" Width="98%" ExpandMode="MultipleExpandedItems" OnClientItemClicking="onPanelItemClicking" >

   

   

  <Items>

   

   

  <telerik:RadPanelItem Expanded="true" Text="PERSONAL INFORMATION" runat="server" Selected="true" Font-Bold="false" Font-Size ="13" Font-Names ="Verdana">

   

   

  <Items>

   

   

  <telerik:RadPanelItem Value="principalpersonalInfo" runat="server" Height="75">

   

   

  <ItemTemplate>

   

   

  <div style="padding: 5px;">

   

   

  <table>

   

   

  <tr>

   

   

  <td style="width: 244px;">

   

   

  <label>

   

  EIS ID:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="PRITextBox" runat="server" Font-Size="X-Small" Height="10" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  <td style="width: 221px;">

   

   

  <label>

   

  Last Name:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="LNameTextBox" runat="server" Font-Size="X-Small" Height="10" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  <td style="width: 221px;">

   

   

  <label>

   

  Middle Name:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="MNameTextBox" runat="server" Font-Size="X-Small" Height="10" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  <td style="width: 221px;">

   

   

  <label>

   

  First Name:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="FNameTextBox" runat="server" Font-Size="X-Small" Height="10" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  </tr>

   

   

  <tr>

   

   

  <td style="width: 244px;">

   

   

  <label>

   

  Email:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="EmailTextBox" runat="server" Width="240px" Font-Size="X-Small" Height="10" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  </tr>

   

   

  </table>

   

   

  </div>

   

   

   

  </ItemTemplate>

   

   

  </telerik:RadPanelItem>

   

   

  </Items>

   

   

  </telerik:RadPanelItem>

   

   

  </Items>

   

   

   

  </telerik:RadPanelBar>

   

   

  <br />

   

   

  <telerik:RadPanelBar ID="jobPanel" runat="server" Width="98%" ExpandMode="MultipleExpandedItems" OnClientItemClicking="onPanelItemClicking" >

   

   

  <Items>

   

   

  <telerik:RadPanelItem Expanded="true" Text="JOB INFORMATION" runat="server" Selected="true" Font-Bold="false" Font-Size ="13" Font-Names ="Verdana">

   

   

  <Items>

   

   

  <telerik:RadPanelItem Value="principaljobInfo" runat="server" Height="75">

   

   

  <ItemTemplate>

   

   

  <div style="padding: 5px;">

   

   

  <table width="100%">

   

   

  <tr>

   

   

  <td>

   

   

  <label>

   

  Enter Job:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="JobTextBox" runat="server" Width="80px" Font-Size="X-Small"

   

   

   

  Height="10px" AutoPostBack="true" MaxLength="5" OnTextChanged="JobTextBox_TextChanged">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  <td>

   

   

  <label>

   

  Title:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="TitleTextBox" runat="server" Width="80px" Font-Size="x-Small" Height="10px" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  <td colspan="2">

   

   

  <label>

   

  District:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="DistrictTextBox" runat="server" Width="80px" Font-Size="X-Small" Height="10px" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  <td>

   

   

  <label>

   

   

  Job Effective Date:

   

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="EffectivedateTextBox" runat="server" Width="90px" Font-Size="X-Small" Height="10px" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  <td>

   

   

  <label>

   

  Job End Date:

   

  </label>

   

   

  <br />

   

   

  <telerik:RadTextBox ID="EnddateTextBox" runat="server" Width="80px" Font-Size="X-Small" Height="10px" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  </tr>

   

   

  <tr>

   

   

   

  <td >

   

   

  <asp:Panel ID="errorPanel" runat="server">

   

   

   

  <br />

   

   

  <img src="../Image/error-icon.jpg" alt="Error" style="width: 10px; height: 10px;"/>

   

   

  <asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red" Text="Job is invalid,please try another one" >

   

   

  </asp:Label>

   

   

  </asp:Panel>

   

   

  </td>

   

   

   

  </tr>

   

   

  <tr>

   

   

  <td>

   

   

  <label>

   

  School Location:

   

  </label>

   

   

  </td>

   

   

  <td colspan="2">

   

   

  <telerik:RadTextBox ID="SchoolLTextBox" runat="server" Width="80px" Font-Size="X-Small" Height="10px" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  </tr>

   

   

  <tr>

   

   

  <td>

   

   

  <label>

   

  School Name:

   

  </label>

   

   

  </td>

   

   

  <td colspan="4">

   

   

  <telerik:RadTextBox ID="SchoolNTextBox" runat="server" Width="300px" Font-Size="x-Small" Height="10px" ReadOnly="true">

   

   

  </telerik:RadTextBox>

   

   

  </td>

   

   

  </tr>

   

   

  </table>

   

   

  </div>

   

   

  </ItemTemplate>

   

   

  </telerik:RadPanelItem>

   

   

  </Items>

   

   

  </telerik:RadPanelItem>

   

   

  </Items>

   

   

  </telerik:RadPanelBar>
  
  Thanks so much..

   

• Shinu MVP

  Posted on Mar 31, 2011 (permalink)

  Hello Vyasa,
  
  The RadPanelRar has a rich collection of client side api and you can access the RadPanelBarItem using the get_items method of the RadPanelBar.
  
  Please check out the following help articles to know more information.
  Accessing Controls Inside Templates
  RadPanelBar object
  RadPanelItemCollection object
  
  Thanks,
  Shinu.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Panelbar > Get control contained in nested RedPanelBar vi javascript