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);

来自文档：