ExtJS получить высоту окна просмотра панели

Question

Я хочу определенную высоту (600px, и т.д.) среднего содержания на странице загрузки:

Сейчас у меня есть что-то подобное:

[_ __ _ __ _ ___ ___Заголовок_ __ _ __ _ __ _ __ _ ___]

[Left Sidebar] [Middle Content Panel] [Right Sidebar]

[_ __ _ __ _ __ _ ___Footer_ __ _ __ _ __ _ __ _ ____]

Часть кода:

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

Из документации: