속성에 대한 이해

탭 아이템(tabs) 속성

setOptionstabs 속성을 이용하여 정의 합니다.
이 속성에서는 탭 유형, 탭의 배경색 등을 정의할 수 있습니다.

tabs Info

name type required(default) description
type string 선택(tab) 탭아이템의 유형
title string 선택(Title) 탭아이템의 제목
id string 선택("탭id_tabs-생성 순서") 탭아이템의 id값
hold boolean 선택(false) 탭아이템의 고정 유무
enable boolean 선택(true) 탭아이템 활성화 유무
isContents boolean 선택(true) 탭아이템의 콘텐츠 유무
link object 선택 탭아이템의 링크 설정
style object 선택 탭아이템 스타일 설정 테마설정보다 우선
focus boolean 선택(false) 탭아이템 추가하고 탭으로 이동(addTab 메소드만)

콘텐츠 아이템(contents) 속성

setOptionscontents 속성을 이용하여 정의 합니다.
이 속성에서는 콘텐츠 유형, 콘텐츠의 배경색 등을 정의할 수 있습니다.

contents Info

name type required(default) description
contents string 선택 콘텐츠 아이템의 내용
id string 선택("탭id_contents-생성 순서") 콘텐츠 아이템의 id
s
preLoad boolean 선택(true) 탭 생성시 콘텐츠 아이템 로드 여부
style object 선택 콘텐츠아이템 스타일 설정 테마설정보다 우선
type string 선택(code) 콘텐츠 아이템의 유형

콘텍스트메뉴(contextMenu) 속성

콘텍스트메뉴는 탭아이템 위에서 마우스 오른쪽 버튼을 클릭하면 나타나는 팝업레이어입니다.
콘텍스트메뉴에는 탭 닫기, 탭 비활성화, 탭 고정 등 여러 기능을 모아 쉽게 접근할 수 있습니다.
setOptionscontents 속성을 이용하여 콘텍스트메뉴 리스트, 콘텍스트메뉴 사용여부를 정의할 수 있습니다.

contextMenu Info

name type required(default) description
menu array<string> 선택 콘텍스트메뉴 구성순서 (구분선 : |)
enable boolean 선택(true) 콘텍스트메뉴 사용 여부

사용자정의(customZone) 속성

사용자정의 영역은 사용자가 탭 바에서 탭아이템 이외의 다른 HTML 요소를 임의로 설정할 수 있는 별도의 영역입니다.
사용자정의 영역 속성 설정은 setOptionscustomZone 속성을 이용하여 정의 합니다.

customZone Info

name type required(default) description
contents string 선택 사용자정의 영역에 표시될 HTML tag
width string 선택(300px) 사용자정의 영역의 최대 넓이

테마(themes) 속성

setOptionsthemes 속성을 이용하여 정의 합니다.
이 속성에서는 탭바영역, 콘텐츠영역, 콘텍스트메뉴 테마를 정의 합니다.

themes Info

name type required(default) description
tabs string 선택(classic_blue) 탭바의 테마를 설정
contents string 선택(classic_blue) 콘텐츠영역의 테마를 설정
contextMenu string 선택(classic_blue) 콘텍스트메뉴의 테마를 설정

탭바 요소 순서(layout) 속성

setOptionslayout 속성을 이용하여 정의 합니다.
이 속성은 탭아이템, 콘텐츠아이템 속성의 style과 연관이 있습니다.

스타일(style) 속성

탭아이템과 콘텐츠아이템의 style 속성에는 비슷한 점이 많습니다. (구조와 속성이름이 같음)
탭아이템에는 disable 속성이 별도로 존재합니다.
style 속성 설정은 setOptionstabs, contents 의 하위 속성으로 정의 합니다.

style Info

name type required(default) description
background object 선택 탭아이템 배경 속성
border object 선택 탭아이템 윤곽선 속성
font object 선택 탭아이템 글씨 속성

탭 이벤트(events) 속성

setOptionsevents 속성을 이용하여 정의 합니다.
이벤트 추가는 setEventListenersetEvents method를 통해 추가 합니다.