[CLOSED] TabChange

[ingbabic]

Ok, this is the situation:

    Html.X().TabPanel().ID("Main").Height(300).Items
    (
        Html.X().Panel().ID("MainPanel").Title("Main").Items
        (
            Html.X().Panel().ID("InnerPanel").Title("Inner panel")
        )
        ,
        Html.X().Panel().ID("FirstPanel").Title("First"),
        Html.X().Panel().ID("SecondPanel").Title("Second")
    )
    .DirectEvents(de =>
    {
        de.TabChange.Url = Url.Action("TabSelectChange");
        de.TabChange.ExtraParams.Add(new Parameter("selectedTabId", "newTab.getId()", ParameterMode.Raw));
        de.TabChange.ExtraParams.Add(new Parameter("oldTabId", "oldTab.getId()", ParameterMode.Raw));
    })

In TabSelectChange I need to have additional info - ID of the inner panel of selected tab(if it exist). It doesn't matter if I take it via parameter, or server side. Please help.

[Daniil]

Hi @ingbabic,

Probably:

newTab.child("panel").id

Does it work for you?

[ingbabic]

Yes, it does, thanks :)

Meanwhile I've managed it also with:

newTab.items.items[0].id

(though I don't understand why items property, has it's own items where subcontrols are listed)

[Daniil]

A container's .items is a MixedCollection.
http://docs.sencha.com/extjs/4.2.1/#...property-items

A MixedCollection has its internal items which is an array.