extjs - extjs 获取视口面板的高度

Question

我想要页面加载时中间内容的特定高度（600px 等）：

现在我有类似的东西：

[ _ __ _ __ _ __ _ ___标题_ __ _ __ _ __ _ __ _ ___ ]

[左侧栏] [中间内容面板] [右侧栏]

[ _ __ _ __ _ __ _ ___页脚_ __ _ __ _ __ _ __ _ ____ ]

部分代码：

var viewport = new Ext.Viewport({
    layout: 'border',
    id: 'parent_container',
    items: [{
        region: 'north',
        contentEl: 'header',
        border: false
    }, {
        region: 'west',
        id: 'left_sidebar_panel',
        split: true,
        width: 200,
        minSize: 200,
        maxSize: 400,
        autoScroll: true,
        contentEl: 'sidebar_container',
        border: false
    },{
        region: 'center',
        id: 'middle_content_panel',
        layout: 'border',
        border: false,
        items: [{
            region: 'north',
            contentEl: 'main_content_header',
            border: false
    }...

无论如何强制 middle_content_panel 在页面加载/窗口扩展时具有特定高度？或者以其他方式使用 javascript 来获取它的高度。

Answer 1

首先，您必须将中心内容定义为变量

For example: var center= new Ext.Panel({
...
});

您可以使用 setHeight 方法center.setHeight(600);

从文档：