event 사용법 기초 (event)

탭아이템, 콘텐츠 아이템의 이벤트를 설정합니다.

Info

name type required description
events object 선택 이벤트 종류와 핸들러(JSON 형식)
events.setOptionsEnd function 선택 설정 완료 이벤트
events.goTo function 선택 이동 완료 이벤트
events.setTabsOptionsEnd function 선택 탭아이템 설정 완료 이벤트
events.addTab function 선택 탭아이템 추가 완료 이벤트
events.removeTab function 선택 탭아이템 제거 완료 이벤트
events.goToTab function 선택 탭아이템 이동 완료 이벤트
events.enableTab function 선택 탭아이템 활성화 설정 완료 이벤트
events.disableTab function 선택 탭아이템 비활성화 설정 완료 이벤트
events.hideTab function 선택 탭아이템 숨김 설정 완료 이벤트
events.showTab function 선택 탭아이템 표시 설정 완료 이벤트
events.holdTab function 선택 탭아이템 고정 설정 완료 이벤트
events.releaseTab function 선택 탭아이템 고정 해제 설정 완료 이벤트
events.setContentsOptionsEnd function 선택 콘텐츠아이템 설정 완료 이벤트
events.addContents function 선택 콘텐츠아이템 추가 완료 이벤트
events.removeContents function 선택 콘텐츠아이템 제거 완료 이벤트
events.goToContents function 선택 콘텐츠아이템 이동 완료 이벤트
events.loadContents function 선택 콘텐츠아이템 불러오기 완료 이벤트

Example

//탭 기본 속성 설정시 이벤트 설정 방법
myTab.setOptions({
  events :{
    "setOptionsEnd" : function(event) {
      console.log("설정 " + event.type + " 완료!");
    },
    "goTo" : function(event) {
      console.log("설정 " + event.type + " 완료!");
    }
  }
});

// setEventListener를 통한 이벤트 구현 방법.
myTab.setEventListener("addContents", function(event){
  console.log("addContents");
});

// setEvents method를 통한 이벤트 구현 방법.
myTab.setEvents({
  addContents: function(event) {
    console.log("addContents");
  }
});

제공 버전

version desc
7.3.0.3