Проблема с панелью вкладок в окне
Привет всем!)
Есть проблема при выводе панели вкладок в окно при использовании ExtJS 4.1.1. Некоторые вкладки отображаются нормально, а при активации других исчезают панель где отображаются закладки на вкладки и инструменты окна(например закрытие окна)
screens:
On 1 tab:
https://docs.google.com/open?id=0Bz7...W1SamJnUWZ4RVE
On 2 tab:
https://docs.google.com/open?id=0Bz7...TZ4NHlmV1M0YWM
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();
}
}
});
...
|