setOptions
의tabs
속성을 이용하여 정의 합니다. 이 속성에서는 탭 유형, 탭의 배경색 등을 정의할 수 있습니다.
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 메소드만) |
setOptions
의contents
속성을 이용하여 정의 합니다. 이 속성에서는 콘텐츠 유형, 콘텐츠의 배경색 등을 정의할 수 있습니다.
name | type | required(default) | description |
---|---|---|---|
contents | string |
선택 | 콘텐츠 아이템의 내용 |
id | string |
선택("탭id_contents-생성 순서") | 콘텐츠 아이템의 id![]() |
preLoad | boolean |
선택(true) | 탭 생성시 콘텐츠 아이템 로드 여부 |
style | object |
선택 | 콘텐츠아이템 스타일 설정 테마설정보다 우선 |
type | string |
선택(code) | 콘텐츠 아이템의 유형 |
콘텍스트메뉴는 탭아이템 위에서 마우스 오른쪽 버튼을 클릭하면 나타나는 팝업레이어입니다. 콘텍스트메뉴에는 탭 닫기, 탭 비활성화, 탭 고정 등 여러 기능을 모아 쉽게 접근할 수 있습니다.
setOptions
의contents
속성을 이용하여 콘텍스트메뉴 리스트, 콘텍스트메뉴 사용여부를 정의할 수 있습니다.
name | type | required(default) | description |
---|---|---|---|
menu |
array<string> |
선택 | 콘텍스트메뉴 구성순서 (구분선 : | ) |
enable |
boolean |
선택(true) | 콘텍스트메뉴 사용 여부 |
사용자정의 영역은 사용자가 탭 바에서 탭아이템 이외의 다른 HTML 요소를 임의로 설정할 수 있는 별도의 영역입니다. 사용자정의 영역 속성 설정은
setOptions
의customZone
속성을 이용하여 정의 합니다.
name | type | required(default) | description |
---|---|---|---|
contents |
string |
선택 | 사용자정의 영역에 표시될 HTML tag |
width |
string |
선택(300px) | 사용자정의 영역의 최대 넓이 |
setOptions
의themes
속성을 이용하여 정의 합니다. 이 속성에서는 탭바영역, 콘텐츠영역, 콘텍스트메뉴 테마를 정의 합니다.
name | type | required(default) | description |
---|---|---|---|
tabs | string |
선택(classic_blue) | 탭바의 테마를 설정 |
contents | string |
선택(classic_blue) | 콘텐츠영역의 테마를 설정 |
contextMenu | string |
선택(classic_blue) | 콘텍스트메뉴의 테마를 설정 |
setOptions
의layout
속성을 이용하여 정의 합니다. 이 속성은 탭아이템, 콘텐츠아이템 속성의 style과 연관이 있습니다.
탭아이템과 콘텐츠아이템의 style 속성에는 비슷한 점이 많습니다. (구조와 속성이름이 같음) 탭아이템에는 disable 속성이 별도로 존재합니다. style 속성 설정은
setOptions
의tabs, contents
의 하위 속성으로 정의 합니다.
name | type | required(default) | description |
---|---|---|---|
background | object |
선택 | 탭아이템 배경 속성 |
border | object |
선택 | 탭아이템 윤곽선 속성 |
font | object |
선택 | 탭아이템 글씨 속성 |
setOptions
의events
속성을 이용하여 정의 합니다. 이벤트 추가는setEventListener
와setEvents
method를 통해 추가 합니다.