not able to set focus on treeview, when treeview is inside radpanelbar, specific to IE

[mirang]

I am not able to set focus on the treeview when the page loads when the treeview is inside a radpanelbar. Following is the code for the same. I am not sure where I might be going wrong. Can you please guide me through.

 <script language="javascript" type="text/javascript">
        function OnPanelBarClientLoad(sender, args) {
            var panelBar = $find("<%= NavigationPanelBar.ClientID %>");
            var panelItem = panelBar.findItemByText("Browse");
            var treeView = panelItem.findControl("archiveTree");
            treeView._element.focus();
        }
</script>
<telerik:RadPanelBar TabIndex="1" OnClientLoad="OnPanelBarClientLoad" ID="NavigationPanelBar" Style="overflow: auto" runat="server"
            AccessKey="P" ExpandMode="MultipleExpandedItems" Skin="Metro" EnableEmbeddedSkins="false">
            <ExpandAnimation Duration="0" />
            <CollapseAnimation Duration="0" />
            <Items>
                <telerik:RadPanelItem TabIndex="2" Expanded="true" Text="Browse">
                    <Items>
                        <telerik:RadPanelItem>
                            <ItemTemplate>
                                <div>
                                    <telerik:RadTreeView ID="archiveTree" TabIndex="3" runat="server">
                                    <Nodes>
                                        <telerik:RadTreeNode Text="First">
                                            <Nodes>
                                                <telerik:RadTreeNode Text="First First" />
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                    </Nodes>
                                </telerik:RadTreeView>
                                </div>
                            </ItemTemplate>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Expanded="true" TabIndex="4" Text="Browse">
                    <Items>
                        <telerik:RadPanelItem>
                            <ItemTemplate>
                                <div id="archivesPanel">
                                </div>
                            </ItemTemplate>
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
            </Items>
        </telerik:RadPanelBar>

[Plamen]

Hi Mirang,

 
I will recommend you to focus the div of RadTreeView by using jQuery as in the sample attached.

Hope this will be helpful.

Kind regards,
Plamen Zdravkov
the Telerik team

[mirang]

Thanks a lot for the solution. It worked.