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