Как иметь окна внутри вкладок в ExtJS

Question

Я бился головой об этом несколько дней.

Я хочу иметь несколько окон, которые живут внутри вкладки в ExtJS.Я попытался создать окна во вкладке, но при переключении вкладок окна остаются видимыми, поэтому они не привязаны к вкладке.Также окна должны иметь возможность динамически создавать / разрушать.

Я попытался создать окно, а затем с помощью tab.add (wind) добавить его в рамку вкладки, но это не сработало.

Есть мысли?

Answer 1

Добавьте это на вкладку деактивации и активации слушателей:

Это проверено в extjs 4.1

this.tab_panel = Ext.create('Ext.tab.Panel', {
    xtype: 'tabpanel',
    activeTab: 0,
    border:false,
    items: [{
        ..... // your other tab config
        listeners:
        {
            activate:
            {
                scope: yourscope,
                fn: function()
                {
                    var window = this.windowThatsInATab;    // or panel etc...

                    window.floatingItems.show();
                }
            },
            deactivate:
            {
                scope: yourscope,
                fn: function()
                {
                    var window = this.windowThatsInATab;    // or panel etc...

                    window.floatingItems.hide();
                }
            }
        }
    }]
});

Answer 2

В качестве возможного решения вы можете скрыть () и показать () окно до того, как панель вкладок активируется / деактивируется.

То есть, если пользователь выходит из вкладки, вы можете скрыть всеокна, чтобы они не отображались на других вкладках, и когда пользователь возвращается на эту вкладку, вы можете отобразить все такие окна обратно.Конечно, вам придется проверить, существуют ли окна или нет.Надеюсь, это поможет.