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

Question

我不知道为什么，但ExtJS不显示网格的内容，如果它在常规面板。

当我添加网格tab.Panel然后一切都很好。

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

检查主页选项卡已并网。它不使用Ext.Panel。用户选项卡的用途并没有显示网格。

文件在我的项目：

简单商店（APP \店\ Personnel.js）

我的面板有1个项目。 当我改变Ext.tab.Panel到Ext.Panel那么格的内容不会显示（现代的\ src \图\主\ 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 \现代的\ src \图\ 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 
    }] 
}); 

据我所知，网格不能强制视图采取所有行的高度。相反，视图要么太大，要么太小。在第一种情况下，在行下面有空白，在第二种情况下，网格可以滚动。