如何設置Extjs面板的布局以適合整個頁面？

Question

我正在用Extjs 6在客戶端開發Web應用程序。 在頁面的第一級，我有一個面板（panel_a）。 我希望此面板適合整個頁面 。

在此面板中，我還有另一個面板（panel_b）。 我也想在panel_a中安裝此面板 。

如何設置面板的布局？

Answer 1

使用panel_a上的viewport插件使其適合整個頁面，並fit布局以使其適合panel_b ：

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

Answer 2

請分享源代碼。 :-)但是我認為您應該使用容器： https : //docs.sencha.com/extjs/5.1/core_concepts/layouts.html這是非常好的示例頁面： http : //dev.sencha.com/deploy/ ext-4.0.0 / examples / layout-browser / layout-browser.html

1： extjs面板適合布局 2： Sencha ExtJs 5中的錨點布局和適合布局之間的區別