TabContainer¶
목적¶
Tab을 활용하여 하나의 UI에서 여러 개의 Page를 관리하고 표시하는 기능을 제공합니다.
주요 단계¶
1. TabContainer UI 생성¶
1.1 원하는 위치에 TabContainer UI를 생성한 후, 하위에 TabContainerItem을 추가¶
<사진 1> TabContainer UI 설정 화면
1.2 TabContainer UI 속성¶
| Name | Description |
|---|---|
| selectedKey | 처음 실행 시 선택될 TabContainerItem의 key 값 |
| showAddNewButton | 탭 추가 버튼 표시 여부 (true 설정 시 "+" 버튼 생성) |
| visible | TabContainer 표시 여부 설정 |
| styleClass | 적용할 CSS 클래스 설정 |
2. TabContainer Property - ShowAddNewButton¶
2.1 showAddNewButton 속성을 설정하여 "+" 버튼 표시 여부를 결정¶
<사진 2> Property - ShowAddNewButton 설정 화면
- "+" 버튼 클릭 시
addNewButtonPress이벤트가 발생합니다.
3. TabContainer Events - itemClose¶
<사진 3> Tab의 X 버튼을 클릭하면 itemClose 이벤트 발생
4. TabContainer Events - itemSelect¶
<사진 4> 특정 Tab을 클릭하면 itemSelect 이벤트 발생