0

从过去的几天开始，我一直在努力解决这个问题，非常感谢任何帮助/指示。

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

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

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

  1. ResultsPanel 没有完全扩展到最大窗口大小。（我必须拖到最大尺寸）。

  2. 如果我这样做，那么恢复我的滚动条就会消失。

我需要在网格面板上做些什么，这样我就不会在恢复时松开滚动条，并且最大化网格面板应该扩展到最大窗口大小。感谢帮助

理士

4

3 回答 3

0

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

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

这会生成一个 searchPanel，其高度满足内容（表单域）的需要，而 resultsPanel 则填充剩余空间。

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

如果这回答了您的问题，请注意您的一级嵌套太多并使用了边框布局（仅当您知道“北”面板的高度时才有用）。

于 2012-10-09T13:08:35.250 回答
0

您不能将多个项目放在合适的布局中。适合布局是让单个组件占用父组件的大小。

您需要自动/锚定布局或 vbox。检查示例中的布局浏览器是否符合您的需要。

于 2012-10-05T03:14:31.750 回答
0

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

于 2012-10-08T20:50:38.090 回答