Forguncy JavaScript API - Cell 클래스 중 showTab Method를 설명합니다.

Cell - showTab Method

Cell.showTab()

showTab Method 설명

“페이지 내 탭 컨트롤 셀” 유형을 사용하여 지정한 탭을 화면에 활성화합니다.

Parameter 설명

Parameter 이름 타입 필수 상세 설명
tabIndex number 예 탭의 index 번호를 입력합니다. 탭의 index는 0부터 시작합니다.


Response 시 반환값

없음, void

활용 예제

아래는 cell.showTab를 사용하는 예제입니다. 페이지의 탭컨트롤 내부 특정 탭에 포함된 하위 페이지 객체 정보를 가져와 화면에 보여줍니다. 

  //현재 페이지에 Namespace를 선언합니다.
  var page = Forguncy.Page;
  
  //Cell Name이 tabControl로 되어 있는 셀 인스턴스의 정보를 가져옵니다.
  var tabControlCell = page.getCell("tabControl");

  //tabConrol의 index가 1인 탭을 활성화하여 화면에 표시합니다.
  tabControlCell.showTab(1);


Forguncy 사용 예제

  1. 페이지를 여러 개 생성합니다. 예제에서는 총 5개의 페이지를 생성했습니다.
    ‘페이지2 ~ 페이지5’까지는 그림이나 텍스트 등 컨텐츠를 입력합니다.



  2. ‘페이지1’에 “페이지 내 탭 컨트롤 셀” 유형의 셀을 생성합니다.
    오른쪽 ‘셀 유형’에 “탭”을 ‘페이지2 ~ 페이지5’까지 나타나도록 지정합니다.
    이후 페이지 왼쪽 위에 해당 Cell Name을 tabControl이라고 적어줍니다.



  3. 페이지 내에 버튼을 한 개 추가하고, 해당 버튼에 “자바스크립트로 직접 프로그래밍하기” 명령으로 코드를 입력합니다.



  4. 해당 프로젝트를 실행하고 탭을 이동하면서 버튼을 클릭하면 지정한 Tab Index 탭이 활성화되어 화면에 표시됩니다.



연관 태그 : JavaScript API