테두리 레이아웃의 접힌 패널 : 제목 클릭시 영구 확장

Question

테두리 레이아웃 내에 2 개의 패널이 있습니다. 두 번째는 configs 'collapsed'및 'titleCollapse'설정으로 접을 수 있습니다. 제목을 클릭하면 "임시"패널이 표시됩니다. 이는 막대기가 아니라 창 안의 다른 곳을 클릭하면 자동으로 접히는 것을 의미합니다. 그것은 종류의

...에서 근무 예를 수레 : http://jsfiddle.net/suamikim/LNfm8/

Ext.onReady(function() { 
    Ext.create('Ext.window.Window', { 
     width: 500, 
     height: 300, 

     layout: 'border', 

     items: [{ 
       xtype: 'panel', 
       title: 'panel1', 
       region: 'center', 
       flex: 1 
      },{ 
       xtype: 'panel', 
       title: 'panel2', 
       region: 'south', 
       flex: 1, 

       collapsible: true, 
       collapsed: true, 
       animCollapse: false, 
       collapseDirection: Ext.Component.DIRECTION_BOTTOM, 
       titleCollapse: true 
     }] 
    }).show(); 
}); 

나는이 경계 레이아웃의 기능입니다 생각하기 때문에 내가 축소 패널 영구적 상자 레이아웃에이 개 패널을 넣어 경우 제목 표시 줄을 클릭하면 펼칩니다.

"이중 화살표"를 클릭하면 패널이 확장 된 상태로 유지 될 것입니다. 또는 "떠 다니는"후에 제목을 두 번째로 클릭해도이 플로팅을 원하지 않습니다. 지금까지 예쁜 버킷으로 경험했기 때문에 전혀.

누구나 경계 레이아웃의 기능을 해제하는 방법을 알려 주시면 정말 감사하겠습니다.

감사

Answer 1

는 fiddle