如何在一個選項卡中Ext.tab.Panel輸出兩個Ext.grid.Panel。 EXTJS

Question

如何在Mytab1標簽的Ext.tab.Panel中加載兩個Ext.grid.Panel？ 在app.js文件中，我得到Ext.tab.Panel：

Ext.application({
    requires: ['Ext.container.Viewport'],
    name: 'BookApp',
    appFolder: 'static/hello_extjs',
    controllers: ['Books'],
    launch: function () {
        Ext.create('Ext.container.Viewport', {
            layout: 'border',
            items: [
                {
                    region: 'north',
                    xtype: 'maintab'
                }
            ]
        });
    }
});

在Ext.tab.Panel中，我不知道如何正確形成將加載兩個Ext.grid.Panel的項目Mytab1：

Ext.define('BookApp.view.MainTab', {
    extend: 'Ext.tab.Panel',
    xtype: 'maintab',
    alias: 'widget.maintab',
    title: 'Панель вкладок',
    items: [
        {
            items:  //How to do what would be displayed two grids
                title: 'Mytab1',
            border: false,
            layout: 'fit',
            header: false
        },
        {
            items: 'booklist',//What exactly is necessary to point out that one grid
            title: 'Mytab2',
            border: false,
            layout: 'fit',
            header: false
        }
    ]
});

Answer 1

您必須將網格放入項目中，並從xtype屬性中調用它們： FIDDLE