panel collapse를 화살표 클릭 시에만 동작 하도록!

titleCollapse가 동작을 안하네?

ExtJS에서 panel의 collapsible이 true로 설정되면 해당 panel은 확장/숨김이 가능해진다.

그런데 말입니다.

여기에서 header 또는 타이틀을 클릭 시에도 확장/숨김 기능이 동작하는데, 화살표만 클릭 해서 동작하게 하고 싶어서 관련 문서를 찾아봅니다.

찾았다, titleCollapse

딱 속성 이름만 봐도 관련이 있어보입니다. titleCollapse를 false로 수정하고! 테스트!

윙? 잘되는데...? 왜 안막히는거지...

혹시 수정된 소스코드가 반영이 안되었나? 찾아봅니다. 반영 됐습니다.

그럼 무엇이 문제일까? 문서를 자세히 읽어 봅니다.

When a panel is used in a Ext.layout.container.Border, the floatable option can influence the behavior of collapsing.

만약 레이아웃이 'border'라면, floatable 속성이 영향을 끼친다고 나옵니다.

네, 레이아웃이 'border'라면 floatable 속성을 false로 수정해야 합니다.

floatable: false

문서를 자세히 읽자!

제발