Trouble accessing nested controls with javascript

[William]

Hi, I'm uuterly useless with Javascript but need to access a nested control in a RadPanelBar with it. I have used the following but still it returns a null value.

var myPlaceHolderIR = document.getElementById("<%= RadPanelBar1.FindItemByValue("Step3").FindControl("PlaceHolder_IPRestriction").ClientID %>");

Any help greatly appreciated.

[Veselin Vasilev]

Hi William,

Please check this help topic: Templates > Accessing Controls Inside Templates

Kind regards,
Veselin Vasilev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[William]

Many thanks Veselin.

I managed in the mean time but that is a useful page.
Thank you for the speedy reply.

Regards,
William

[bdk0172]

I have a few controls all within one panelbaritem.  When attempting to access the controls using the section you reference, I am successful in accessing two radDatePicker controls, but not an asp:RadioButtonList.

 

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

 

 

var item = panelbar.findItemByText('Ticket Dispatching');

 

 

 

 

var rdoList = item.findControl('rbDate');

 

 

var dateFrom = item.findControl('RadDateFrom');

 

 

var dateThrough = item.findControl('RadDateThrough');

The line of code, var rdoList = item.findControl('rbDate');, returns null.  Does something different need to be done in order to access Microsoft asp controls?

 

[Paul]

Hi bdk0172,

Please find below a sample code snippet that shows the needed approach.

<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>

    <script type="text/javascript">
    function getRBList()
    {
       var rdoList = $get('<%= ((RadioButtonList)RadPanelBar1.FindItemByValue("templateHolder").FindControl("RadioButtonList1")).ClientID %>');
        alert(rdoList);
    }
    </script>

    <telerik:RadPanelBar ID="RadPanelBar1" runat="server">
        <CollapseAnimation Type="None" Duration="100"></CollapseAnimation>
        <Items>
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1">
                <Items>
                    <telerik:RadPanelItem runat="server" Value="templateHolder">
                        <ItemTemplate>
                            <asp:RadioButtonList ID="RadioButtonList1" runat="server">
                                <asp:ListItem>test1</asp:ListItem>
                                <asp:ListItem>test2</asp:ListItem>
                                <asp:ListItem>test3</asp:ListItem>
                            </asp:RadioButtonList>
                        </ItemTemplate>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelItem>
        </Items>
        <ExpandAnimation Type="None" Duration="100"></ExpandAnimation>
    </telerik:RadPanelBar>
    <input id="Button1" type="button" value="button" onclick="getRBList()" />
</form>

Greetings,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.