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 
    }] 
}); 

據我所知，網格不能強制視圖採取所有行的高度。相反，視圖要麼太大，要麼太小。在第一種情況下，在行下面有空白，在第二種情況下，網格可以滾動。