Class: AXTabClass

AXTabClass

탭 클래스

new AXTabClass()

Version:
  • V0.9.2
Author:
  • tom@axisj.com
Example
$("#myTab01").bindTab({
   theme : "AXTabs",
   value:"",
   overflow:"scroll", // "visible"
   options:[
       {optionValue:"M", optionText:"남성", closable:true},
       {optionValue:"F", optionText:"여성", closable:true},
       {optionValue:"N", optionText:"선택안함"},
       {optionValue:"", optionText:"모두"}
   ],
   onchange: function(selectedObject, value){
       //toast.push(Object.toJSON(this));
       //toast.push(Object.toJSON(selectedObject));
       toast.push("onchange: "+Object.toJSON(value));
   },
   onclose: function(selectedObject, value){
       //toast.push(Object.toJSON(this));
       //toast.push(Object.toJSON(selectedObject));
       toast.push("onclose: "+Object.toJSON(value));
   },
   onclick: function(selectedObject, value){

   }
});

Extends

Methods

staticAXTabClass.addTabs(objID, options){AXTab}

탭을 추가 합니다.

Name Type Description
objID String

탭 대상 ID

options Array

대상 순서 seq

Example
$("#myTab01").addTabs([
    {optionValue:"1", optionText:"1살", closable: true},
    {optionValue:"2", optionText:"2살", closable: true},
    {optionValue:"3", optionText:"3살", addClass:"Red"},
    {optionValue:"4", optionText:"4살", addClass:"Blue"},
    {optionValue:"5", optionText:"5살", addClass:"Green"},
    {optionValue:"6", optionText:"6살", addClass:"Classic"},
    {optionValue:"7", optionText:"7살"}
]);

staticAXTabClass.bind(obj){AXTab}

대상에 탭 속성을 부여 합니다.

Name Type Description
obj Object

config

Example
$("#myTab01").bindTab({
    theme : "AXTabs",
    value:"2",
    closable: false,
    options:[
        {optionValue:"1", optionText:"1살", closable: true},
        {optionValue:"2", optionText:"2살", closable: true},
        {optionValue:"3", optionText:"3살", addClass:"Red"},
        {optionValue:"4", optionText:"4살", addClass:"Blue"},
        {optionValue:"5", optionText:"5살", addClass:"Green"},
        {optionValue:"6", optionText:"6살", addClass:"Classic"},
        {optionValue:"7", optionText:"7살"}
    ],
    onchange: function(selectedObject, value){
        //toast.push(Object.toJSON(this));
        //toast.push(Object.toJSON(selectedObject));
        toast.push(Object.toJSON(value));
    },
    onclose: function(selectedObject, value) {
        //toast.push(Object.toJSON(this));
        //toast.push(Object.toJSON(selectedObject));
        toast.push(Object.toJSON(value));
    }
});

staticAXTabClass.bindTabClick(objID, objSeq, event){AXTab}

탭을 클릭 할때 처리를 합니다.

Name Type Description
objID String

탭 대상 ID

objSeq Number

대상 순서 seq

event Event

Click event

staticAXTabClass.bindTabMoreClick(objID, objSeq, direction, event){AXContextMenu}

탭의 양이 많아질때 생성되는 탭 리스트 툴 화살표에 대한 "click" 이벤트를 처리 합니다.

Name Type Description
objID String

탭 대상 ID

objSeq Number

대상 순서 seq

direction String

"left"||"right"

event Event

"click"

staticAXTabClass.bindTabMove(objID, objSeq, direction, event){AXTab}

탭의 양이 많아질때 생성되는 좌우 이동 화살표의 mousedown 이벤트를 처리 합니다.

Name Type Description
objID String

탭 대상 ID

objSeq Number

대상 순서 seq

direction String

"left"||"right"

event Event

"mousedown"

staticAXTabClass.bindTabMove(objID, objSeq, direction, event){AXTab}

탭의 양이 많아질때 생성되는 좌우 이동 화살표의 mouseover 이벤트를 처리 합니다.

Name Type Description
objID String

탭 대상 ID

objSeq Number

대상 순서 seq

direction String

"left"||"right"

event Event

"mouseover"

staticAXTabClass.closeTab(objID, tabIndex or options){AXTab}

탭을 닫습니다.

Name Type Description
objID String

탭 대상 ID

tabIndex or options Number | String optional

탭 인덱스(Number) or optionValue(String)

Example
$("#myTab01").closeTab(2);
$("#myTab01").closeTab("optionValue");

staticAXTabClass.focusingItem(objID, objSeq, optionIndex){AXTab}

대상의 해당 index에 해당하는 탭에 focus를 줍니다.

Name Type Description
objID String

탭 대상 ID

objSeq Number

대상 순서 seq

optionIndex Number

탭 아이템 index

staticAXTabClass.getOptions(objID){AXTab.options}

Name Type Description
objID String

탭 대상 ID

Example
AXTab.getOptions('myTab01');

staticAXTabClass.initTab(objID, objSeq){AXTab}

탭을 초기화 합니다.

Name Type Description
objID String

탭 대상 ID

objSeq Number

대상 순서 seq

staticAXTabClass.resizeCheck(){AXTab}

윈도우 창 크기가 변경 되었을때를 감지하여 처리 합니다.

staticAXTabClass.setValueTab(objID, value){AXTab}

탭의 선택값을 변경 합니다.

Name Type Description
objID String

탭 대상 ID

value String

Example
AXTab.setValueTab('myTab01','F');

staticAXTabClass.updateTabOption(objID, value, option){AXTab}

입력된 value값과 같은 optionValue를 가진탭의 option 을 입력된 option으로 대체합니다.

Name Type Description
objID String

탭 대상 ID

value String

대상 탭 값

option String

변경될 option

Example
AXTab.updateTabOption('myTab01','F',{optionText:"신여성",addClass:"Classic"});