Question

在过去的几天里，我正在努力解决这个问题，任何帮助/指针都非常感激。

我创建了一个适合布局的MainPanel（Ext.panel.Panel）。 MainPanel包含两个面板（searchPanel，ResultsPanel）

MainPanel {
    layout: 'fit',
    region : 'center',
    items : [{ 
        layout: 'border'
        items : [
            searchPanel,
            resultsPanel
        ]
    ]

SearchPanel是一个常规面板（区域：中心），resultsPanel（区域：南）是GridPanel，可调整大小设置为true。完成搜索后，我会在gridPanel中看到两个滚动条的结果。当我最大化我的MainPanel时，几个问题

ResultsPanel未完全扩展到最大窗口大小。（我必须拖到最大尺寸）。
如果我这样做，那么在恢复时我的滚动条就会消失。

我是否需要在gridpanel上执行某些操作，以便在恢复时不会丢失滚动条，并且最大化网格面板应扩展到最大窗口大小。谢谢你的帮助

仙人

Answer 1

您不能在合适的布局中放置多个项目。适合布局是针对单个组件来获取父组件的大小。

您需要自动/锚点布局或vbox。检查示例中的布局浏览器是否有类似于您需要的内容。

Answer 2

它曾经在早期版本中工作，但现在不再工作了。有HBox / VBox布局。

Answer 3

您提供的示例代码包含一些错误，因此我假设您有一个主面板适合整个浏览器的视口或“主”面板周围的任何其他内容以及填充该主面板的其他2个面板。 / p>

Ext.create('Ext.panel.Panel', {
    itemId: 'mainPanel',
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    items : [{
        itemId: 'searchPanel',
        ...
    }, {
        flex: 1,
        itemId: 'resultsPanel',
        ...
    }]
});

这将生成一个searchPanel，其中包含内容所需的高度（表单字段）和一个填充剩余空间的resultsPanel。

请注意，我刚添加了itemId属性以阐明哪个项目是什么。你不需要它们。

如果这回答了你的问题，请注意你有一个级别的嵌套太多而且使用了边框布局（只有你知道“北”面板的高度才有用。）

调整大小时，Extjs Grid面板滚动条消失

3 个答案: