ExtJS6 열번째강의 - ExtJS 6 탭패널 알아보기 (ExtJS 6 Learn about tab panel)

▼▼▼ ExtJS 강좌 구독을 원하시면, 아래 채널구독 부탁드립니다 ^^ ▼▼▼

https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ

탭패널이란 ?

탭패널은 표준 패널과 동일하게 사용할 수 있습니다.

카드 레이아웃과 같은 여러장의 패널들을 탭으로 관리하는 컴포넌트입니다.

탭패널의 탭바의 기본 position은 상단에 위치합니다.

tabPositon (top / bottom / left / right)

탭바 위치변경을 위해서는 tabPosition 의 속성을 적용해주면 됩니다.

closable  : boolean(true / false)

탭패널 하위의 패널컴포넌트에 적용

닫고자 하는 패널에 closable : true를 선언하면 탭바에 닫기버튼이 생성

default - destory 속성이므로 닫기 버튼 클릭 시, 패널이 파괴됨

disabled : boolean(true / false)

탭패널 하위의 패널컴포넌트에 적용

disabled 속성을 true로 적용 된 패널은 비활성상태가 됩니다.