컨테이너를 채우기 위해 vbox 레이아웃 내의 패널을 얻는 방법은 무엇입니까?

Question

컨테이너 패널의 공간을 채우는 데 문제가 있습니다. 컨테이너는 두 개의 자식 패널이있는 vbox 레이아웃이있는 패널입니다. 나는 Extjs how to set 100% height for vbox panel 을보고 비슷한 것을 가지고 있지만 작동하지 않는 것 같습니다.

스크린 샷 : - http://i.imgur.com/nAbCr.png 스크린 샷 내가이 포함 된 패널의 콤보 상자 또는 optionsview을 가지고 '적합'레이아웃을 사용하거나 심지어 해달라고 때부터입니다. 그래서, 내가 원했던 것은 '결과'패널까지 '옵션'패널을 확장시키는 것입니다. 이것은 내가 무엇을 얻을 본 VBox의 레이아웃 - http://i.imgur.com/cB0k1.png

Ext.define('PA.view.CreateReportView', { 
    extend: 'Ext.panel.Panel', 
    alias: 'widget.createreportview', 
    id: 'createreport-panel', 
    requires: [ 
     'PA.view.OptionsView', // options panel 
    'PA.common.Connection'], 

    title: 'Create Report', 
    items: [{ 
     xtype: 'panel', 
     layout: { 
      type: 'vbox', 
      align: 'stretch' 
     }, 
     items: [{ 
      xtype: 'panel', 
      border: false, 
      height: '50px', 
      items: [{ 
       xtype: 'combobox', 
       .... 
      }] 
     }, { 
      xtype: 'panel', 
      border: false, 
      flex: 1, 
      items: [{ 
       xtype: 'optionsview', // options panel 
       style: { 
        paddingTop: '10px' 
       } 
      }] 
     }] 
    }] 
}); 

Answer 1

height:의 값은 숫자가 아닌 문자열이어야합니다. 대신 height: 50을 사용하십시오.

Answer 2

나는 그것이 당신이 필요로하는 것에 가깝다고 생각합니다. 몇 가지 관찰 : 1. 높이는 정수 (접미사 없음) 으로 설정해야합니다. 2. 기본값이 있어도 하위가있는 각 컨테이너에는 레이아웃이 정의되어 있어야합니다. 원하는 것은 아닐 수도 있습니다. 의 ExtJS 프레임 워크에 대해 알고있는 불을 지르고 플러그인 -

는 여기에 내가 추가 할 http://jsfiddle.net/dbrin/NJjhB/

또 다른 제안은 개발자를위한 일루미네이션 같은 도구를 사용하는 것입니다 합리적으로 잘 작동 레이아웃입니다.