접을 수있는 extjs4 사용

Question

ExtJS4 접을 수있는 내 패널 중 하나를 만들려고합니다. "collapsible : true"를 사용하면 응용 프로그램이 실행 중일 때 패널이 접을 수 있습니다. 하지만 내가 패널을 붕괴 시키면 패널이 사라져서 패널을 분해 할 수 없습니다.

내 패널을 둘러싸거나 직접 위에 무엇이 필요한지 잘 모르겠습니다. 샘플 코드를 사용해 보았습니다 :

{ 
region: 'north', 
collapsible: false, 
title: 'North', 
split: true, 
height: 100, 
minHeight: 60, 
html: 'north' 
}, 

웹 페이지의 상단에 내 뷰포트에 추가 할 때 작동합니다. 그러나 내가 그것을 위치에 놓을 때 나는 그것을 페이지에서 원한다. 나는 그것을 붕괴시킬 수있다. 그러나 그것은 사라진다. 누구든지 내가 무너지면 어떻게 사라질지 알려주시겠습니까?

Answer 1

비슷한 문제가있어서 this을 기반으로 해결했습니다. 기본적으로 문제가있는 패널에 올바른 레이아웃 구성이 지정되어 있는지 확인하십시오 (예 : layout: 'fit').

Answer 2

Geronimo의 대답을 확장하면 패널 자체에서 레이아웃을 설정하는 것만으로는 충분하지 않을 수도 있습니다. 이 경우 레이아웃 fit이있는 다른 패널에 패널을 배치하십시오. 대신

{ 
    xtype: 'mypanel', 
    title: 'my little panel', 
    collapsible: true, 
    ... 
} 

의이 작업을 수행 :

는

{ 
    xtype: 'panel', 
    title: 'my little panel', // Pull certain configs up to the wrapper panel, 
    collapsible: true,  // like title and collapsible 
    layout: 'fit', 
    items: [ 
    { 
     xtype: 'mypanel', 
     title: undefined,  // Make sure there is not another title bar 
     border: false,  // We don't want another border 
     ... 
    } 
    ] 
} 

좋은 안하지만, 지금까지, 나는 더 나은 솔루션을 찾을 수 없습니다 그것은 이미 나를 위해 두 개의 서로 다른 상황에서 일을했다.