showTab 메서드
Cell.showTab()
표시되는 탭을 설정합니다. 예를 들어 첫 번째 탭이 기본적으로 표시되고 이 메서드를 사용하여 두 번째 탭을 표시할 수 있습니다. 이 메서드는 셀 유형이 탭인 경우에만 사용됩니다.
매개변수 | 유형 | 설명 |
---|---|---|
tabIndex | number | 탭의 번호입니다. 탭 번호는 0부터 시작합니다. |
없음
다음 예제 코드에서 showTab 메서드를 사용 하 여 표시 되는 탭이 첫 번째 탭에서 두 번째 탭으로 변경 됩니다.
Forguncy 사용 예제
페이지를 여러 개 생성합니다. 예제에서는 총 5개의 페이지를 생성했습니다. ‘페이지2 ~ 페이지5’까지는 그림이나 텍스트 등 컨텐츠를 입력합니다.
![](https://doc.forguncy.co.kr/~gitbook/image?url=https%3A%2F%2Fforguncy-korea.github.io%2Fimages%2Fforguncy5%2Fex-ss_cell-getactivetabindex01.png&width=768&dpr=4&quality=100&sign=4a43660f&sv=1)
2. '페이지1’에 “페이지 내 탭 컨트롤 셀” 유형의 셀을 생성합니다. 오른쪽 ‘셀 유형’에 “탭”을 ‘페이지2 ~ 페이지5’까지 나타나도록 지정합니다. 이후 페이지 왼쪽 위에 해당 Cell Name을 tabControl이라고 적어줍니다.
![](https://doc.forguncy.co.kr/~gitbook/image?url=https%3A%2F%2Fforguncy-korea.github.io%2Fimages%2Fforguncy5%2Fex-ss_cell-getactivetabindex02.png&width=768&dpr=4&quality=100&sign=2071bef8&sv=1)
3. 페이지 내에 버튼을 한 개 추가하고, 해당 버튼에 “자바스크립트로 직접 프로그래밍하기” 명령으로 코드를 입력합니다.
![](https://doc.forguncy.co.kr/~gitbook/image?url=https%3A%2F%2Fforguncy-korea.github.io%2Fimages%2Fforguncy5%2Fex-ss_cell-showtab03.png&width=768&dpr=4&quality=100&sign=404f7644&sv=1)
4. 해당 프로젝트를 실행하고 탭을 이동하면서 버튼을 클릭하면 지정한 Tab Index 탭이 활성화되어 화면에 표시됩니다.
![](https://doc.forguncy.co.kr/~gitbook/image?url=https%3A%2F%2Fforguncy-korea.github.io%2Fimages%2Fforguncy5%2Fex-ss_cell-showtab04.gif&width=768&dpr=4&quality=100&sign=a7fb52a4&sv=1)