Добавление панели сетки на 1-ю вкладку панели вкладок

У меня есть GRID, который работает правильно. Теперь мне нужно добавить эту GRID на первую панель вкладок. Как я могу это сделать?

мой код:

ГРИД.JS

Ext.create('Ext.grid.Panel', {
    xtype:'grid',
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { header: 'Name',  dataIndex: 'name' },
        { header: 'Email', dataIndex: 'email', flex: 1 },
        { header: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

TAB.JS

Ext.create('Ext.tab.Panel', {
    width: 300,
    height: 200,
    activeTab: 0,
    items: [
        {
            title: 'Tab 1',
            xtype:'grid'
        },
        {
            title: 'Tab 2',
            html : 'Another one'
        }
    ],
    renderTo : Ext.getBody()
});

Я добавил xtype:grid в GRID.JS и пытаюсь получить доступ к этой сетке из TAB.JS на 1-й вкладке, но она не отображается.


extjs sencha-touch extjs4 extjs4.1
person Illep    schedule 01.07.2012    source источник

Ответы (1)


arrow_upward
10
arrow_downward

xtype: 'grid' - означает create standard Ext.grid.Panel and add it here.

У вас есть два варианта:

Создайте свою сетку и сохраните ее в переменной.

var _grid = Ext.create('...', {...});

Ext.create('Ext.tab.Panel', {
    ...
    items: [
       _grid
    ]
});

Или определите свой собственный класс с новым xtype

Ext.define('MyGrid', {
   extend: 'Ext.grid.Panel',
   alias: 'widget.mygrid',
   ... 

});

Ext.create('Ext.tab.Panel', {
    ...
    items: [{
       xtype: 'mygrid'
    }]
});
person sha    schedule 01.07.2012
comment
Прости, ша, это был несчастный случай. На самом деле я вернулся сюда, чтобы понять, почему моя репутация упала на один балл. Не похоже, что я могу отменить свой отрицательный голос, если вы не отредактировали свой пост. meta.stackexchange.com/questions/19940/ - person John Moses; 28.01.2013