Question

我不知道为什么，但如果在常规Panel中ExtJS不显示网格内容。

当我向tab.Panel添加网格时，一切都很好。

小提琴（包含多个文件）： https://fiddle.sencha.com/?fiddle=19bi#fiddle/19bi

检查“主页”选项卡是否有网格。它不使用Ext.Panel。 “用户”选项卡使用且不显示网格。

项目中的文件：

简单商店（app \ store \ Personnel.js）

我的面板有1个项目。 当我将Ext.tab.Panel更改为Ext.Panel时，网格内容不显示（modern \ src \ view \ main \ Main.js）

Ext.define('MyApp.view.main.Main', {
    extend: 'Ext.tab.Panel',
    xtype: 'app-main',

    ...

    items: [
    {
        title: 'Home',
        iconCls: 'x-fa fa-home',
        layout: 'fit',
        // The following grid shares a store with the classic version's grid as well!
        items: [{
            xtype: 'mainlist'
        }]
    }
]
});

项目本身（myapp \ modern \ src \ view \ main \ List.js）：

Ext.define('MyApp.view.main.List', {
    extend: 'Ext.grid.Grid',
    xtype: 'mainlist',

    requires: [
        'MyApp.store.Personnel'
    ],

    title: 'Personnel',

    store: {
        type: 'personnel'
    },

    ...
});

Answer 1

问题在于布局。

显示内容：

/**
 * This view is an example list of people.
 */
Ext.define('MyApp.view.main.Users', {
    extend: 'Ext.Panel',
    layout:'vbox',
    xtype: 'users',

    items: [{
        xtype: 'usersgrid',
        flex:1
    },{
        xtype: 'usersgrid',
        flex:1
    }]
});

据我所知，网格无法强制视图占据所有行的高度。相反，视图太大或太小。在第一种情况下，行下方有空白区域，在第二种情况下，网格是可滚动的。

ExtJS面板不会在里面加载网格内容

1 个答案: