[Solved] Expand selected item childs on page load

[Mattias]

Hi,
I want to expand the selected item childs on page load, is that possible?
It seems that the first level items already have this behavior, but not second or third hierarchy items and so on.

@(Html.Telerik().PanelBar()
            .Name("ArticleGroupSubMenu")
            .HtmlAttributes(new { style = "width: 200px;" })
            .BindTo(Model.GetChildMenu(), mappings =>
            {
                mappings.For<ArticleGroupEditViewModel>(binding => binding
                        .ItemDataBound((item, group) =>
                        {
                            item.Text = group.Text;
                            item.Url = group.Url;
                        })
                        .Children(group => group.Childs));
                mappings.For<ArticleGroupEditViewModel>(binding => binding
                        .ItemDataBound((item, group) =>
                        {
                            item.Text = group.Text;
                            item.Url = group.Url;
                        }));
            })
            .ExpandMode(PanelBarExpandMode.Multiple)
            .ExpandAll(true)
            .HighlightPath(true)
        )

Regards,
Mattias

[Dimo]

Hi Mattias,

You can expand all PanelBar child items by subscribing to the component's OnLoad event and executing:

function ExpandSubItems(e)
{
    var panelBar = $(this).data("tPanelBar");
    var items = $("li.t-item li.t-item", this);
    panelBar.expand(items);
}

Alternatively, you can expand only selected child items, like this:

function ExpandSubItems(e)
{
    var panelBar = $(this).data("tPanelBar");
    var items = $("li.t-item li.t-state-selected", this);
    panelBar.expand(items);
}

Kind regards,
Dimo
the Telerik team

[Mattias]

Thanx Dimo,
Your code didn't quite work so I I had to modify it a bit! :)

function ExpandSubItems(e)
{
       var panelBar = $(this).data("tPanelBar");
       var selectedlink = $("li.t-item a.t-state-selected", this);
       var li = selectedlink.parent();
       panelBar.expand(li);
}

/Mattias