setOptions (method)

IBTab에 속성을 설정 합니다. 모든 prop.tabs의 isContents 값이 true 라면 prop.tabs의 개수와 prop.contents의 개수를 동일하게 맞추어야 합니다.

Syntax

{ibtab}.setOptions(prop, opt, callback);

Parameters

Name Type Required(Default) Description
prop object 필수 탭아이템 및 콘텐츠아이템 속성
opt object 선택 옵션
opt.append boolean 선택(true) 아이템 추가 여부
opt.goToTab number 선택(0) 이동할 탭아이템 인덱스
callback function 선택 설정 완료 후 호출될 콜백 함수

Returns

none

Example

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); });

Since

version desc
7.3.0.0
7.3.0.1 layout 속성 추가
7.3.0.3 events 속성 추가