Extjs 아코디언 레이아웃

Question

아코디언 레이아웃은 한 번에 하나의 패널 만 볼 수 있지만 두 패널을 시간대에 표시 할 수 있도록 패널 레이아웃이 스택되어 있으므로 아코디언 패널에서이 작업을 수행 할 수 있습니까 ??

Answer 1

기존 AccordionLayout으로는 불가능합니다.

레이아웃 클래스를 직접 작성할 수 있습니다. 그렇게 어렵지는 않지만 AccordionLayout.js는 몇 페이지 밖에없고 대부분은 주석입니다.

Answer 2

찾고있는 것을 얻기 위해 기존 Accordion 레이아웃 클래스를 확장 할 수 없습니다. 소스 코드를 살펴보면 FitLayout을 확장하여 아코디언 레이아웃을 만들었 음을 알 수 있습니다. 지금, 나는 FitLayout의 속성이 문서에서 설명 인용 :

이 가 자동으로 레이아웃의 컨테이너를 채우기 위해 확장하는 단일 항목을 포함하는 레이아웃의 기본 클래스입니다.

문서는 더 말한다 : 컨테이너가 여러 개의 패널을 가지고

경우, 첫 번째 하나가 표시됩니다.

이제 질문자는 두 패널을 동시에 표시하는 방법에 대해 질문합니다. FitLayout에서 확장 된 레이아웃에서는 불가능합니다.

기타 문제 : 질문자 구현할 계획이다 구성 요소 몇 가지 디자인 문제가 있습니다

;

1. 현재 표시된 패널에는 어떤 공간이 필요합니까?
2. 아코디언 동작이 어떻게 작동합니까? 사용자가 세 번째 패널에 액세스하려고하면 ... 현재 열린 패널이 어떻게 작동합니다.

가능한 해결 방법 : VBox의 레이아웃 패널을 확장하고있는 모든 패널이에

이제 하나 개의 가능한 솔루션입니다.

Answer 3

아코디언 레이아웃은이를 위해 설계되지 않았습니다. 귀하의 요구 사항에 맞게 레이아웃을 선택하는 것은 구형을 사각형에 맞추는 것과 같습니다.

그러나 머리에 총을 쓰면 다음 옵션에 대해 신속하게 생각합니다.

1. 것은 (당신은 압델 Olakara이 문제를 언급 답해야 구현에서 별도로 , 자기)
2. 자신 마술 아코디언 쓰기 (기본 그을 위해 디자인되지 않기 때문에. 폐기) 기존의 아코디언 클래스를 확장
3. 모방 원하는 동작은 두 개 이상의 아코디언을 적층하여 (음 를하지 좋은 생각하지만, 총을 내 머리에있다).

Answer 4

Ext js 4.1에서는 Accordion 레이아웃의 속성 인 multi을 사용할 수 있습니다.

확인 여기에 docs ..