IBTab에 속성을 설정 합니다.
모든 prop.tabs의 isContents 값이 true 라면 prop.tabs의 개수와 prop.contents의 개수를 동일하게 맞추어야 합니다.
{ibtab}.setOptions(prop, opt, callback);
Name | Type | Required(Default) | Description |
---|---|---|---|
prop | object |
필수 | 탭아이템 및 콘텐츠아이템 속성 |
opt | object |
선택 | 옵션 |
opt.append | boolean |
선택(true) | 아이템 추가 여부 |
opt.goToTab | number |
선택(0) | 이동할 탭아이템 인덱스 |
callback | function |
선택 | 설정 완료 후 호출될 콜백 함수 |
none
myTab.setOptions({
tabs: [{
"title": "iFrame",
"style": {
"icon": {
"value": "fa-television"
}
}
},{
"type": "link",
"title": "Title_link",
"isContents": false,
"link": {
"url": "http://wwwibsheet.com",
"target": "_blank"
}
},{
"title": "title layout",
"style": {
"layout": ["close","hold","title","icon"],
"icon": {
"value": "fa-table"
}
}
}],
contents: [{
"contents": "http://www.ibsheet.com/ibsheet_gallery.html#sparkline",
"type": "iframe",
"preLoad": false
},{
"contents": "<div id='ib-container'></div>",
},{
"contents": "Ipsam quo minus voluptate unde tempore eveniet consequuntur in, quod animi libero rem similique pariatur quos, et eum nisi ducimus, architecto voluptatibus!<br/>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto aspernatur natus dolorem fuga cumque optio saepe corrupti earum. Ipsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsa, odio.",
"style": {
"background": {
"color": "#555",
"hoverColor": "#ded",
"disableColor": "#000"
},
"font": {
"color": "#fff",
"hoverColor": "#000",
"disableColor": "#fff"
}
}
}],
customZone: {
contents:"사용자정의 영역"
},
events: {
setOptionsEnd : function(event) {
console.log("설정 " + event.type + " 완료!");
},
goTo : function(event) {
console.log(this.getId() + " move to " + event.index);
}
}
},{
goToTab: 1
},function(obj){ console.log(obj.prop); });
version | desc |
---|---|
7.3.0.0 | |
7.3.0.1 | layout 속성 추가 |
7.3.0.3 | events 속성 추가 |