set focus on radtextbox in radpanelbar

[Datamex]

Hi!

I have a question about setting focus on a radtextbox inside a radpanelbar. My code looks like this:

<telerik:RadPanelBar ID="RadPanelBar" runat="server" Width="100%" OnClientItemExpand="onItemExpand">
    <Items>
      <telerik:RadPanelItem Text="Zoeken" Value="Search">
        <ContentTemplate>
        <asp:Panel ID="ExamSearchPanel" runat="server" DefaultButton="SearchButton">
          <table>
            <tr>
              <td>
                <asp:Table runat="server">
                  <asp:TableRow ID="TrainingCompanyRow" runat="server">
                    <asp:TableCell>Opleider:</asp:TableCell>
                    <asp:TableCell><telerik:RadTextBox ID="TrainingCompanyTextBox" runat="server" /></asp:TableCell>
                  </asp:TableRow>

OnClientItemExpand, I want to set focus to the TrainingCompanyTextBox control with javascript. I've tried different ways of setting focus to the contorl, but i can't find the solution.

How can I do this?

[Kate]

Hi Datamex,

With the markup provided you can use the following client-side function in order to find the RadTextBox control that is in a ContentTemplate of a RadPanelBar.

<script type="text/javascript">

        function findTextBoxInPanelBar(sender, args) {

 

            var panelbar = $find("<%= RadPanelBar1.ClientID %>");

            var item = panelbar.findItemByText("item1");

            var txtbox = item.findControl("TrainingCompanyTextBox");

            //here you can use any property that is needed for the textbox

           //I used set_visible just for testing purpose

            txtbox.set_visible(false);

        }   

    </script>

You will also need to attach the event handler:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" OnClientItemClicking="findTextBoxInPanelBar">

All the best,
Kate
the Telerik team

[Datamex]

Hi Kate,

I've checked your solution and using set_visible indeed works. But somehow I can't set focus to the control. I've used focus() and add_focus() but none of them works. This is my code:

function RadPanelBarClientClicking(sender,args) {
    var panelbar = $find("<%= RadPanelBar.ClientID %>");
    var item = panelbar.findItemByText("Zoeken");
    var txtbox = item.findControl("TrainingCompanyTextBox");
    txtbox.focus();
  }

Is this a bug? When I use add_focus() than the control hasn't focus. If i click the control after that it has focus, but I get some strange errors in the Telerik.Web.UI.WebResource_2.axd.

[Kate]

Hi Datamex,

Indeed setting focus() to the RadTextBox in a ContentTemplate of a RadPanelBar should work but currently it seems to have a bug. As a workaround I would suggest that you use the ItemTemplate that properly sets focus to the RadTextBox.  

All the best,
Kate
the Telerik team

[Joel Johnston]

Is this fixed in current versions?
Or is there a workaround using ContentTemplate that allows for setting focus to an element in the template?

[Princy]

Hi,

Here is the sample code that I tried based on your scenario which works fine in Telerik Version 2012, 2, 828, 35.

JS:

<script type="text/javascript">
 function findTextBoxInPanelBar(sender, args)
 {
  var panelbar = $find("<%= RadPanelBar1.ClientID %>");
  var item = panelbar.findItemByText("Item1");
  var txtbox = item.findControl("RadTextBox1");
  txtbox.focus();
 }
</script>

Hope this helps.

Thanks,
Princy.