2012-10-13 4 views
0

나는 뷰포트의 동쪽 지역 내부의 ExtJS 패널을 가지고 의 ExtJS 뷰포트 패널

var viewport = new Ext.Viewport({ 
    layout: 'border', 
    id:'mainviewport', 
    monitorResize:false, 
    items: [{ 
     region: 'east', 
     xtype: 'panel', 
     id:'east-panel', 
     header : false, 
     headerAsText: false, 
     title: 'east panel', 
     collapsible: true, 
     split: true, 
     minSize: 305, 
     maxSize: east_panel_width, 
     margins: '53 0 0 0', 
     cmargins:'53 0 0 0', 
     collapsed: true, 
     autoScroll: true, 
     layout: 'fit', 
     html:'<div id="abc" style="height:100%;overflow-x: hidden; overflow-y: auto;"></div>' 
    }] 
}); 

내가 그래서 난 재산을 헤더 준 제목 헤더 싶지 않는 : 거짓을 headerAsText : 제목 표시 줄을 가리는받을 거짓하지만, 나는 접을 수있는 옵션을 원한다. 축소 가능한 함수를 어떻게 얻을 수 있습니까?

접을 수있는 패널 확장기 옵션을 적용하지 않고도 제목 텍스트와 배경 CSS 만 숨길 수 있습니까?

미리 감사드립니다.

답변

0

header : false, headerAsText : false 분할 자 가운데에 화살표가 있습니다. 그것은 패널의 붕괴 제어로 작동합니다.

+0

안녕하세요. 내 페이지에 화살표가 표시되지 않습니다. – Shakthi

+1

@ Shakthi : 어떤 버전의 ExtJS를 사용하고 있습니까? ExtJS 4.0에 있습니다 : http://dev.sencha.com/deploy/ext-4.0.0/examples/layout/border.html –

+0

그러나 우리의 응용 프로그램에서는 extjs를 사용하고 있습니다 3.0.3 – Shakthi