2014-07-10 7 views
0

Sencha Architect 3.1에서 작업 중이며 Tree Panel 축소 문제가 있습니다.
테두리 레이아웃이있는보기 포트가 있습니다.
서쪽 지역에는 같은 너비의 트리 패널과 패널 하나가 있습니다.
TreePanel에서 this.collapse(), 을 줄 리프 노드 클릭 이벤트 리스너가 있지만 다음에 트리 패널을 확장하면 오른쪽으로 이동합니다.테두리 레이아웃 TreePanel 축소 문제

Here is a sample fiddle which i have done which has the same problem.

것은이 문제에 대한 해결책을 찾기 위해 도와주세요.

답변

1

여기서 큰 문제는 붕괴 TreePanel입니다.

문제를 더 잘 이해할 수 있도록 단계별로 안내해 드리겠습니다. 사용자를위한 두 가지 옵션이 있습니다. 예에서 트리 패널을 참조하십시오.

먼저 왼쪽의 머리글에서 확장 버튼 도구를 클릭합니다. 그러나이 경우 확장/축소 버튼 도구가 숨겨져 있습니다. 따라서이 방법은 불가능합니다.

두 번째는 왼쪽의 헤더 내의 아무 곳이나 (else)를 클릭하는 것입니다.

위의 방법으로 사용자가 매우 다른 행동을하게됩니다. 첫 번째 옵션을 사용하면 패널이 "확장"되어 다른 패널이 오른쪽으로 밀려 트리 패널이 표시 될 수 있습니다. 두 번째 옵션을 사용하면 패널이 기존 패널 위에 "떠 있습니다".

hideCollapseTool: true을 설정하고이 두 가지 옵션을 직접 설정해보십시오. 지식으로

,이 패널이 확장 적이 있기 때문에 this.collapse()를 수행하는 잘못된 방법을 "숨기기"트리 패널이라고 이해하기 쉬워야한다. 확장되지 않았으므로 패널을 축소하려고하면 트리 패널의 x 위치가 잘못 계산됩니다 (Sencha는 여기에서 오류를 확인해야하지만 분명히 그렇지 않습니다).

질문에 대한 대답은 this.collapse()this.hide()으로 간단히 변경하는 것입니다. 불행하게도, 패널에게 스스로를 펼치고 움직이게 할 수있는 좋은 방법은 없습니다. 어느 방법으로 전화를 걸거나 Sencha가이 문제를 간과했는지 나는 모른다.

이 부분이 분명해졌습니다.