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

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

2 个答案: