Problem with tabpanel in window

[Eugent]

Hello, i have a problem with tabs in tabpanel in window. On some tabs all good work, but in some of tabs on check tab it is disable tools of parent window and disable top panel of tabs.

I use ExtJS 4.1.1.

Early have so problem when use grid in tab. Not solved.

screens:
On 1 tab:
1.PNG

On 2 tab:
2.PNG

app.js:

...
launch: function() {
        App = this;    
        //инициализируем эффект всплывающих подсказок
        Ext.QuickTips.init();
        
        var tree = this.getController('Testero.controller.Tree').getRegionTree();
        
        //создаем региональный каркас
        Ext.create('Ext.container.Viewport', {
            name    : 'base',
            layout    : 'border',            //задание шаблона вывода - регион
            //параметры по умолчанию для элементов каркаса
            defaults: {
                xtype: 'panel',    //тип элемента - панель
                split: true,    //вывод инструмента управления размерами панели
                collapsible: true,        //включение возможности сворачивания панели
                hideCollapseTool: true,    //спрятать инструмент сворачивания панели в заголовке
                collapseMode: 'mini'     //тип выводимого инструмента скрытия панели
            },
            //элементы каркаса
            items    : [
                {
                    xtype    : 'toolbar',
                    region    : 'north',
                    split    : false,
                    collapsible    : false,
                    items    : [
                        {
                            text    : 'TabPanel',
                            name    : 'showTabPan'
                        }
                    ]
                },
                tree,
                //центральная панель
                {
                    xtype: 'systemcenter',
                    region: 'center'
                }
            ]
        });        
    }
...

view of Window:

//Объявление представления центральной панели вкладок
Ext.define('Testero.view.Window' ,{
    extend    : 'Ext.window.Window',    //компонент, который расширяет представление
    alias     : 'widget.appWindow',    //создание синонима типа объекта
    
    layout    : 'fit',
    modal    : true,
    draggable    : false,
    resizable    : false,
    floatable    : false,
    
    defaults: {
        minWidth    : 400,
        minHeight    : 200
    }
});

code of controller:

...
this.control({
            'viewport toolbar[region=north] button[name=showTabPan]': {
                click: function(th_but){
                    var win = Ext.create('widget.appWindow', {
                        title    : 'TabPanel',
                        items    : [
                            {
                                xtype    : 'tabpanel',
                                items    : [
                                    {
                                        xtype    : 'panel',
                                        title    : 'Simple Panel',
                                        html    : 'It is simple panel'
                                    },
                                    {
                                        xtype    : 'baseFormSimple',
                                        title    : 'Simple Form'
                                    }
                                ]
                            }
                        ]
                    });
                    
                    win.show();
                }
            }
        });
...

[scottmartin]

You will need to provide more info, or a small working example.. you have: baseFormSimple
but have not included in your code set.

You screen gives the impression that you are trying to render before everything is ready.

If you create a stand-alone app and create the window with each tab, does it work?

Scott.

[Eugent]

You will need to provide more info, or a small working example.. you have: baseFormSimple
but have not included in your code set.

You screen gives the impression that you are trying to render before everything is ready.

If you create a stand-alone app and create the window with each tab, does it work?

Scott.

Hello, i create simple example here:
http://extdev.eugent.org/testero/

to Launch example with this problem click button "TabPanel" at north toolbar.

This problem is appear when i add form or grid in tabpanel as tab. Tabpanel in this examples is child of window.

[Eugent]

And what about my question?

[friend]

I noticed that the Toolbar which acts as your north region doesn't declare a height. As a diagnostic stop, assign a fixed height value and see if this helps the problem:

{
  xtype    : 'toolbar',
  region    : 'north',
  height: 50,            // <--- fixed height
  split    : false,
  collapsible    : false,
  items    : [{
    text    : 'TabPanel',
    name    : 'showTabPan'
  }]
}

[Eugent]

I noticed that the Toolbar which acts as your north region doesn't declare a height. As a diagnostic stop, assign a fixed height value and see if this helps the problem:...

I thought that the height is automatically billed properly. But even if the tracked this error persists