[Solved] PanelBar items don't expand after JavaScript Collapse

[Marcel]

I have the following code. When I expand the HydroTest panel bar it invokes the function HydroTestRadPanelBar_ItemExpand() , which collapses other panel bars which reside in other user controls (ASCX). This works, but after this, if I try to expand the collapsed panel bars using the UI, they will not expand. What am I missing?

<script type="text/javascript" id="telerikClientEvents1">
//<![CDATA[

    function HydroTestRadPanelBar_ItemExpand(sender,args)
    {
        var panelbar = $find(weld1UserControlWeldRadPanelBarClientID);

        for (var i = 0; i < panelbar.get_allItems().length; i++) {
            panelbar.get_allItems()[i].set_expanded(false);
        }

        var panelbar2 = $find(weld2UserControlWeldRadPanelBarClientID);

        for (var i = 0; i < panelbar2.get_allItems().length; i++) {
            panelbar2.get_allItems()[i].set_expanded(false);
        }

        var panelbar3 = $find(jointUserControlJointRadPanelBarClientID);

        for (var i = 0; i < panelbar3.get_allItems().length; i++) {
            panelbar3.get_allItems()[i].set_expanded(false);
        }
    }

//]]>
</script>

[Marcel]

This behavior occurred because I had the following structure in my PanelBar. Once I removed the extra <Items> and <PanelItems> the code worked as expected.

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="SingleExpandedItem" Width="900px" Height="84px">
    <Items>
        <telerik:RadPanelItem Text="Asset" Expanded="true" >
            <Items>
                <telerik:RadPanelItem Expanded="true">
                    <ContentTemplate>
                        <table style="width:100%; text-align:left">
                            <tr>
                                <td class="litHeader">

[Ivan Danchev]

Hello,

Thank you for getting back to us. I am glad you managed to find the cause for the issue and the PanelBarItems are expanding correctly.

Regards,
Ivan Danchev
Telerik