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

【问题标题】：How do I set Extjs panel's layouts to fit to whole page?如何设置 Extjs 面板的布局以适应整个页面？
【发布时间】：2015-10-04 03:30:14
【问题描述】：

我正在客户端开发一个带有Extjs 6 的Web 应用程序。在我的页面的第一级，我有一个面板（panel_a）。 我希望此面板适合整个页面。

在这个面板中，我有另一个面板（panel_b）。 我也想将此面板放入 panel_a 中。

如何设置面板的布局？

【问题讨论】：

标签： javascript extjs layout panel

【解决方案1】：

在panel_a 上使用viewport 插件使其适合整个页面，并使用fit 布局以适合panel_b 进入它：

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

【讨论】：

【解决方案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 Panel fit layout 2： Difference between anchor layout and fit layout in Sencha ExtJs 5

【讨论】：