GridPanel как элемент tabPanel - PullRequest
Новая
       28

GridPanel как элемент tabPanel

1 голос
/ 24 июня 2011

Мне сложно узнать, правильно ли я настроил эту настройку. Из другого потока я понимаю, что нужно добавить 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?

Большое спасибо.

1 Ответ

2 голосов
/ 25 июня 2011

Нет встроенного GridPanel с Sencha Touch. Так что Ext.grid.GridPanel здесь не будет работать. Тем не менее, вы можете использовать расширение TouchGrid Simoen от здесь .

Все исходные коды доступны здесь .

...