javascript - 如何设置 Extjs 面板的布局以适合整个页面？

Question

我正在使用 Extjs 6 开发一个 Web 应用程序在客户端。在我的页面的第一层，我有一个面板(panel_a)。 我希望该面板适合整个页面。

在此面板中我有另一个面板(panel_b)。 我也想将此面板放入 panel_a。

如何设置面板的布局？

Answer 1

使用viewport panel_a 上的插件以使其适合整个页面，以及 fit将 panel_b 放入其中的布局:

{
    itemId: 'panel_a',
    xtype: 'panel',
    plugins: 'viewport',
    layout: 'fit',
    items: {
        itemId: 'panel_b',
        xtype: 'panel'
    }
}