如何设置Extjs面板's布局适合整个页面

How do I set Extjs panel's layouts to fit to whole page?

本文关键字：布局 何设置 设置 面板 Extjs      更新时间：2023-09-26

我正在客户端开发一个带有Extjs 6的web应用程序。在页面的第一层，我有一个面板(panel_a)。我想这个面板适合整个页面。

在这个面板我有另一个面板(panel_b)。我想把这个面板也放到panel_a中。

如何设置面板的布局?

在panel_a上使用viewport插件以适合整个页面，fit布局以适合panel_b:

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

请共享源代码。:)但我认为你应该使用容器: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中锚点布局与fit布局的差异

相关文章：