Мне сложно узнать, правильно ли я настроил эту настройку. Из другого потока я понимаю, что нужно добавить GridPanel к элементам tabBar, что я и делаю ниже. В моем App.js я определяю сетку, скопированную из примера ExtJS ( здесь ).
var grid = new Ext.grid.GridPanel({
// Details can be seen at
// http://dev.sencha.com/deploy/ext-3.4.0/docs/?class=Ext.Component?class=Ext.grid.GridPanel
});
Ниже я создаю экземпляр моего приложения:
appname.App = Ext.extend(Ext.TabPanel, {
fullscreen: true,
tabBar: {
ui: 'gray',
dock: 'bottom',
layout: { pack: 'center' }
},
cardSwitchAnimation: false,
initComponent: function() {
if (navigator.onLine) {
// Add items to the tabPanel
this.items = [{
title: 'Tab 1',
iconCls: 'tab1',
xtype: 'tab1',
pages: this.accountPages
}, {
title: 'Tab 2',
iconCls: 'tab2',
xtype: 'tab2',
pages: this.accountPages
},
grid];
} else {
this.on('render', function(){
this.el.mask('No internet connection.');
}, this);
}
appname.App.superclass.initComponent.call(this);
}
});
Приложение обычно загружается просто отлично, но с добавлением grid
оно ломается и ничего не загружается.
Синтаксически, я должен определять сетку внутри экземпляра приложения, как A) grid: ...
, B) this.grid = new ...
или C), как у меня это как обычный var
с именем grid
?
Большое спасибо.