Namespace: jQueryExtends

jQueryExtends

jQueryExtends

Methods

staticjQueryExtends.addTabs(options){jQueryObject}

탭 아이템을 추가합니다.

Name Type Description
options Array
Example
var options = [];
var index;
for(var i = 0; i < addCount; i++){
    index = "0" + (i + 1);
    options.push({optionText: "add " + index, optionValue: index, closable:true});
}
$("#" + tabID).addTabs(options);

staticjQueryExtends.bindAXResizable(config){jQueryObject}

box 엘리먼트 크기를 조정할 수 있게 해줍니다.

Name Type Description
config Object
Example
 $("#mytarget").bindAXResizable({
    minWidth:50, minHeight:50,
    maxWidth:200, maxHeight:200,
    animate: {easing:"bounceOut", duration:500},
    aspectRatio: 2/1,
    snap:10,
    onChange: function(){
        toast.push(this.id);
    }
 });

 // 옵션 스펙
 var config = {
    minWidth: {Number} [0],
    minHeight: {Number} [0],
    maxWidth: {Number} [0],
    maxHeight: {Number} [0],
    animate: {easing:"bounceOut", duration:500},
    aspectRatio: {Number} - 2/1,
    snap: {Number} - 10,
    onChange: function(){
        // this.id, this.element, this.jQueryElement, this.config
        toast.push(this.id);
    }
 };

staticjQueryExtends.bindChecked(configs){jQueryObject}

input text 엘리먼트에 체크 컨트롤을 바인딩 합니다.(구현중)

Name Type Description
configs Object
Example
 axdom(".AXInputChecked").bindChecked();

staticjQueryExtends.bindDate(configs){jQueryObject}

input text 엘리먼트에 날짜 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    align            :"right", // {String} ("left"|"center"|"right") 달력에서 input text 의 위치
    valign           :"top",   // {String} ("top"|"middle"|"bottom") 달력에서 input text 의 위치
    separator        : "-",    // {String} 날짜형식 표시 구분 문자열
    selectType       : "d",    // {String} ("y"|"m"|"d") 날짜선택범위 y 를 지정하면 년도만 선택됩니다.
    defaultSelectType: "d",    // {String} ("y"|"m"|"d") 달력컨트롤의 년월일 선택도구 중에 먼저 보이는 도구타입
    defaultDate      : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 빈값의 달력 기준일을 설정합니다. 지정하지 않으면 시스템달력의 오늘을 기준으로 합니다.
    minDate          : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 선택할 수 있는 최소일을 설정합니다.
    maxDate          : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 선택할 수 있는 최대일을 설정합니다.
    onBeforeShowDay  : {}      // {Function} 날짜를 보여주기 전에 호출하는 함수. date를 파라미터로 받으며 다음과 같은 형식의 Object를 반환해야 한다. { isEnable: true|false, title:'성탄절', className: 'holyday', style: 'color:red' }
    onchange: function(){      // {Function} 값이 변경되었을 때 발생하는 이벤트 콜백함수
        trace(this);
    }
};
 axdom("#AXInputDate").bindDate(config);

staticjQueryExtends.bindDateTime(configs){jQueryObject}

input text 엘리먼트에 날짜와 시간 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    align            : "right",// {String} ("left"|"center"|"right") 달력에서 input text 의 위치
    valign           : "top",  // {String} ("top"|"middle"|"bottom") 달력에서 input text 의 위치
    separator        : "-",    // {String} 날짜형식 표시 구분 문자열
    selectType       : "d",    // {String} ("y"|"m"|"d") 날짜선택범위 y 를 지정하면 년도만 선택됩니다.
    defaultSelectType: "d",    // {String} ("y"|"m"|"d") 달력컨트롤의 년월일 선택도구 중에 먼저 보이는 도구타입
    defaultDate      : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 빈값의 달력 기준일을 설정합니다. 지정하지 않으면 시스템달력의 오늘을 기준으로 합니다.
    minDate          : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 선택할 수 있는 최소일을 설정합니다.
    maxDate          : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 선택할 수 있는 최대일을 설정합니다.
    onBeforeShowDay  : {}      // {Function} 날짜를 보여주기 전에 호출하는 함수. date를 파라미터로 받으며 다음과 같은 형식의 Object를 반환해야 한다. { enable: true|false, title:'성탄절', class: 'holyday', style: 'color:red' }
    onchange: function(){      // {Function} 값이 변경되었을 때 발생하는 이벤트 콜백함수
        trace(this);
    }
};
 axdom("#AXInputDate").bindDateTime(config);

staticjQueryExtends.bindInputDisabled(Disabled){jQueryObject}

input text 엘리먼트에 바인딩된 컨트롤을 비활성화 하거나 활성화 합니다.

Name Type Default Description
Disabled Boolean true optional

컨트롤을 disabled | enabled 합니다.

Example
 axdom(".AXInput").bindInputDisabled( true | false );

staticjQueryExtends.bindMoney(configs){jQueryObject}

input text 엘리먼트에 통화단위가 입력 되도록 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    min: 1,  // {Number} [min=Number.MIN_VALUE] - 최소값 (optional)
    max: 100 // {Number} [max=Number.MAX_VALUE] - 최대값 (optional)
};
 axdom("#AXInputMoney").bindMoney(config);

staticjQueryExtends.bindNumber(configs){jQueryObject}

input text 엘리먼트에 숫자 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    min: 1,   // {Number} [min=Number.MIN_VALUE] - 최소값 (optional)
    max: 100, // {Number} [max=Number.MAX_VALUE] - 최대값 (optional)
    onchange: function(){ // {Function} - 값이 변경되었을 때 이벤트 콜백함수 (optional)
        trace(this);
    }
};
 axdom("#AXInputNumber").bindNumber(config);

staticjQueryExtends.bindPlaceHolder(configs){jQueryObject}

IE9 이하에서도 input text 엘리먼트에 placeholder를 지원합니다. placeholder를 지원하는 브라우저에서는 브라우저의 native code가 사용됩니다.

Name Type Description
configs JSObject
Example
 axdom(".AXInputPlaceholder").bindPlaceHolder();

staticjQueryExtends.bindSearch(configs){jQueryObject}

input text 엘리먼트에 검색 컨트롤을 바인딩 합니다. IE9 이하에서도 placeholder를 지원합니다.

Name Type Description
configs JSObject
Example
 axdom(".AXInputSearch").bindSearch();

staticjQueryExtends.bindSegment(configs){jQueryObject}

input text 엘리먼트에 segment 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    theme:"AXSegmentTest", // {String} CSS 클래스
    options : [            // {String} {optionValue:"옵션의값", optionText:"옵션라벨", addClass:"옵션아이템에 추가될 CSS 클래스"}
        {optionValue:0, optionText:"왼쪽", addClass:"type1"},
        {optionValue:1, optionText:"가운데", addClass:"type2"},
        {optionValue:2, optionText:"오른쪽", addClass:"type3"}
    ],
    onchange:function(){  // {Function} 값이 변경되었을 때 발생하는 이벤트 콜백함수
        //this.targetID, this.options, this.selectedIndex, this.selectedOption
        trace(this);
    }
};
 axdom("#AXInputSegment").bindSegment(config);

staticjQueryExtends.bindSelect(configs){jQueryObject}

select 엘리먼트에 select 콘트롤을 바인드 합니다.

Name Type Description
configs JSObject
Example
axdom("Selector").bindSelect(configs);

staticjQueryExtends.bindSelectAddOptions(options)

배열로 지정한 객체를 해당 셀렉트의 option 에 추가합니다.

Name Type Description
options Array

추가하려는 옵션 배열

Example
$("#mySelect").bindSelectAddOptions([
    {optionValue:"1", optionText:"액시스제이"}
]);

staticjQueryExtends.bindSelectBlur(){jQueryObject}

해당 셀렉트 컨트롤을 blur 상태로 변경합니다.(비활성 처리후 메소드 종료)

Example
 axdom("Selector").bindSelectBlur();

staticjQueryExtends.bindSelectDisabled(Disabled){jQueryObject}

해당 셀렉트 컨트롤의 Disabled 속성을 컨트롤 합니다.

Name Type Description
Disabled Boolean
Example
 axdom("Selector").bindSelectDisabled(true);

staticjQueryExtends.bindSelectFocus(){jQueryObject}

해당 셀렉트 컨트롤에 focus를 줍니다.

Example
 axdom("Selector").bindSelectFocus();

staticjQueryExtends.bindSelectGetAnchorObject(){jQueryObject}

해당 셀렉트 컨트롤의 view html element를 반환합니다.

Example
axdom("Selector").bindSelectGetAnchorObject();

staticjQueryExtends.bindSelector(configs){jQueryObject}

input text 엘리먼트에 selector 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    appendable   : ( true || false ),                      // {Boolean}  - options 에 정해진 값 외의 입력 가능 여부 true 이면 입력이 가능합니다. (optional)
    options      : [{optionValue:"1", optionText:"AXISJ"}] // {Array}    - [{optionValue:"값", optionText:"라벨"}]
    ajaxUrl      : "./data.json",                          // {String}   - AJAX 데이터 호출 URL (optional)
    ajaxPars     : "param1=val1¶m2=val2",              // {String}   - AJAX 데이터 호출 URL 파라미터 (optional)
    positionFixed: ( true || false ),                      // {Boolean}  - expandBox position CSS 를 fixed 할지 여부. selector 가 fixed 된 엘리먼트 위에 위치하는 경우 사용하세요 (optional)
    direction    : "bottom",                               // {String}   - expandBox의 위/아래 열리는 방향을 지정합니다. 기본값은 ""이며 "bottom"을 사용하는 경우 expandBox의 방향이 밑에서 위로 열리게 됩니다. (optional)
    onchange     : function() {                            // {Function} - 값 변경 이벤트 콜백함수 (optional)
        trace(this);
    },
    onsearch     : function(objID, objVal, callBack) {               // {Function} - 값 변경시 options 변경 구현 함수(optional) ※ 주의: ajaxUrl과 중복 사용할 수 없습니다. 만약 두 옵션이 같이 선언되면 onsearch가 적용되고 ajaxUrl은 무시됩니다.
        // this = { id: objID, value: objVal }
        // 아래와 같은 형식으로 options 값을 반환해야 합니다.
        return {
            options:[
                {optionValue:1, optionText:"Seoul", desc:"부가설명글"},
                ...
            ]
        }
        // 또는 callBack 함수를 호출합니다.
    }
    finder: {
        onclick: function() { // {Function} - 파인더 버튼 클릭 이벤트 콜백함수 (optional)
            trace(this);
        }
    },
    maxHeight   : {Number} [150] - selector panel height
};

 // 서버에서 리턴하는 JSON 구문 예시
 // 아래 형식을 만족 시켜야 합니다.
 // desc 또는 optionDesc 값을 지정하면 option 라벨 뒤에 부가설명글로 표시됩니다.
 {
    result:"ok",
    options:[
        {optionValue:1, optionText:"Seoul", desc:"부가설명글"},
        {optionValue:2, optionText:"대구"},
        {optionValue:3, optionText:"대전", optionDesc:"부가설명글"},
        {optionValue:8, optionText:"전주"},
        {optionValue:9, optionText:"Gwangju"}
    ]
}

 axdom("#AXInputSelector").bindSelector(config);

staticjQueryExtends.bindSelectorBlur(configs){jQueryObject}

옵션 목록이 열려있으면 닫습니다.

Name Type Description
configs JSObject
Example
 axdom("#AXInputSelector").bindSelectorBlur();

staticjQueryExtends.bindSelectRemoveOptions(options)

배열로 지정한 객체를 해당 셀렉트의 option 에서 제거합니다.

Name Type Description
options Array

삭제하려는 옵션 배열

Example

staticjQueryExtends.bindSelectSetValue(value, onEnd){jQueryObject}

해당 셀렉트 컨트롤에 값을 입력하고 onEnd 함수가 있는 경우 실행합니다.

Name Type Description
value String
onEnd fn optional

끝나고 실행될 함수 / 예정

Example
axdom("Selector").bindSelectSetValue('test');

staticjQueryExtends.bindSelectUpdate(){jQueryObject}

해당 셀렉트 컨트롤의 view 를 value 기준으로 변경합니다.

Example
axdom("Selector").bindSelectUpdate();

staticjQueryExtends.bindSelectUpdateOptions(options)

배열로 지정한 객체를 해당 셀렉트의 option 에서 제거합니다.

Name Type Description
options Array

삭제하려는 옵션 배열

Example
 jQuery("#AXSelect1").bindSelectUpdateOptions([
     {optionValue:1, optionText:"abc-1 : ABCDEFG"},
     {optionValue:2, optionText:"abc-2 : 09123123"},
     {optionValue:3, optionText:"abc-3 : 1222"},
     {optionValue:4, optionText:"abc-4 : AXISJ"},
     {optionValue:5, optionText:"abc-5 : 액시스 제이"}
 ]);

 jQuery("#AXSelect1").bindSelectUpdateOptions({optionValue:3, optionText:"특별한 값으로 변경"}, 3);

staticjQueryExtends.bindSlider(configs){jQueryObject}

input text 엘리먼트에 slider 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    min: 0,    // {Number} [min=Number.MIN_VALUE] - 최소값 (optional)
    max: 100,  // {Number} [min=Number.MAX_VALUE] - 최대값 (optional)
    snap: 100, // {Number} [snap=1] -
    unit: "%", // {String} [unit=""] - 값 뒤에 붙여 표현하는 단위 (optional)
    onchange: function() { // {Function} - 값 변경 이벤트 콜백함수 (optional)
        trace(this);
    }
};
 axdom("#AXInputSlider").bindSlider(config);

staticjQueryExtends.bindSwitch(configs){jQueryObject}

input text 엘리먼트에 스위치 컨트롤을 적용합니다.

Name Type Description
configs JSObject
Example
 var config = {
    off: "AM", // {String} switch off value
    on : "PM", // {String} switch on vlaue
    onchange:function(){
        trace(this);
    }
};
 axdom("#AXInputSwitch").bindSwitch(config);

staticjQueryExtends.bindTab(configs){jQueryObject}

탭을 바인드 합니다.

Name Type Description
configs Object
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));
   }
});

staticjQueryExtends.bindTooltip(configs){jQueryObject}

툴팁을 바인드 하는 대상의 '아이디+"_AX_tooltip"'를 아이디로 하는 엘리먼트를 대상이 마우스 오버 이벤트 발생 할때 툴팁으로 표시 합니다.

Name Type Description
configs Object

툴팁설정

Example

 <div style="position:relative;">
     <button class="AXButton" onclick="" id="tooltip4"><div class="black_help">Bottom</div></button>
     <div id="tooltip4_AX_tooltip" class="AXTooltipContent">
         AXCore 에서는 자바스크립트 자료형에 대한 prototype 확장 메소드,
         AXJ 클래스 원형, AXUtil 개체, AXReq(AJAX통신용) 클래스, AXCalendar 클래스, AXContext 클래스, AXPopOver 클래스, AXMask 클래스, AXNotification 클래스,
         AXScroll 클래스, AXMultiSelect 클래스, jQuery extend(eventType, easing) 구문 등을 포함하고 있습니다.
     </div>

     <button class="AXButton" onclick="" id="tooltip5"><div class="black_help">Top</div></button>
     <div id="tooltip5_AX_tooltip" class="AXTooltipContent">
         AXCore 에서는 자바스크립트 자료형에 대한 prototype 확장 메소드,
         AXJ 클래스 원형, AXUtil 개체, AXReq(AJAX통신용) 클래스, AXCalendar 클래스, AXContext 클래스, AXPopOver 클래스, AXMask 클래스, AXNotification 클래스,
         AXScroll 클래스, AXMultiSelect 클래스, jQuery extend(eventType, easing) 구문 등을 포함하고 있습니다.
     </div>

     <button class="AXButton" onclick="" id="tooltip6"><div class="black_help">Auto</div></button>
     <div id="tooltip6_AX_tooltip" class="AXTooltipContent">
         AXCore 에서는 자바스크립트 자료형에 대한 prototype 확장 메소드,
         AXJ 클래스 원형, AXUtil 개체, AXReq(AJAX통신용) 클래스, AXCalendar 클래스, AXContext 클래스, AXPopOver 클래스, AXMask 클래스, AXNotification 클래스,
         AXScroll 클래스, AXMultiSelect 클래스, jQuery extend(eventType, easing) 구문 등을 포함하고 있습니다.
     </div>
 </div>
 <script>
    // configs:{
    //    theme: (config.theme || "AXPopOverTooltip"), // (optional)
    //    width: (config.width || ""), // (optional)
    //    direction: (config.direction || "top"), // (optional)
    // }

    // class 가 tooltipbind인 모든 엘리먼트에 툴팁설정
    $(".tooltipbind").bindTooltip({width:300});

    //AXPopOverTooltip (bindTooltip) 방향설정 방식
    $("#tooltip4").bindTooltip({direction:"bottom", width:300}); //{direction:"[auto|top|bottom]"}
    $("#tooltip5").bindTooltip({direction:"top", width:300}); //{direction:"[auto|top|bottom]"}
    $("#tooltip6").bindTooltip({direction:"auto", width:300}); //{direction:"[auto|top|bottom]"}
 </script>

staticjQueryExtends.bindTwinDate(configs){jQueryObject}

input text 엘리먼트에 날짜(start ~ end) 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    startTargetID    : "AXInputDateST", // {String}시작일 input text 아이디
    align            : "right",// {String} ("left"|"center"|"right") 달력에서 input text 의 위치
    valign           : "top",  // {String} ("top"|"middle"|"bottom") 달력에서 input text 의 위치
    separator        : "-",    // {String} 날짜형식 표시 구분 문자열
    selectType       : "d",    // {String} ("y"|"m"|"d") 날짜선택범위 y 를 지정하면 년도만 선택됩니다.
    defaultSelectType: "d",    // {String} ("y"|"m"|"d") 달력컨트롤의 년월일 선택도구 중에 먼저 보이는 도구타입
    defaultDate      : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 빈값의 달력 기준일을 설정합니다. 지정하지 않으면 시스템달력의 오늘을 기준으로 합니다.
    minDate          : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 선택할 수 있는 최소일을 설정합니다.
    maxDate          : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 선택할 수 있는 최대일을 설정합니다.
    buttonText       : "OK"    // {String} ["OK"] - 선택 버튼 텍스트 설정
    onBeforeShowDay  : {}      // {Function} 날짜를 보여주기 전에 호출하는 함수. date를 파라미터로 받으며 다음과 같은 형식의 Object를 반환해야 한다. { enable: true|false, title:'성탄절', class: 'holyday', style: 'color:red' }
    onchange: function(){      // {Function} 값이 변경되었을 때 발생하는 이벤트 콜백함수
        trace(this);
    }
};
 axdom("#AXInputDateED").bindTwinDate(config);

staticjQueryExtends.bindTwinDateTime(configs){jQueryObject}

input text 엘리먼트에 날짜와 시간(start ~ end) 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    startTargetID    : "AXInputDateST", // {String}시작일 input text 아이디
    align            : "right",// {String} ("left"|"center"|"right") 달력에서 input text 의 위치
    valign           : "top",  // {String} ("top"|"middle"|"bottom") 달력에서 input text 의 위치
    separator        : "-",    // {String} 날짜형식 표시 구분 문자열
    selectType       : "d",    // {String} ("y"|"m"|"d") 날짜선택범위 y 를 지정하면 년도만 선택됩니다.
    defaultSelectType: "d",    // {String} ("y"|"m"|"d") 달력컨트롤의 년월일 선택도구 중에 먼저 보이는 도구타입
    defaultDate      : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 빈값의 달력 기준일을 설정합니다. 지정하지 않으면 시스템달력의 오늘을 기준으로 합니다.
    minDate          : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 선택할 수 있는 최소일을 설정합니다.
    maxDate          : "",     // {String} ("yyyy[separator]mm[separator]dd") 날짜 형식의 문자열로 선택할 수 있는 최대일을 설정합니다.
    buttonText       : "OK"    // {String} ["OK"] - 선택 버튼 텍스트 설정
    onBeforeShowDay  : {}      // {Function} 날짜를 보여주기 전에 호출하는 함수. date를 파라미터로 받으며 다음과 같은 형식의 Object를 반환해야 한다. { enable: true|false, title:'성탄절', class: 'holyday', style: 'color:red' }
    onchange: function(){      // {Function} 값이 변경되었을 때 발생하는 이벤트 콜백함수
        trace(this);
    }
};
 axdom("#AXInputDateED").bindTwinDateTime(config);

staticjQueryExtends.bindTwinSlider(configs){jQueryObject}

input text 엘리먼트에 번위 선택이 가능한 slider 컨트롤을 바인딩 합니다.

Name Type Description
configs JSObject
Example
 var config = {
    min: 0,         // {Number} [min=Number.MIN_VALUE] - 최소값 (optional)
    max: 100,       // {Number} [max=Number.MAX_VALUE] - 최대값 (optional)
    separator: "~", // {String} [separator="~"] -두개의 값 사이를 구분 지을 문자열
    snap: 100,      // {Number} [snap=1] -
    unit: "%",      // {String} [unit=""] 값 뒤에 붙여 표현하는 단위 (optional)
    onchange: function() { // {Function} - 값 변경 이벤트 콜백함수 (optional)
        trace(this);
    }
};
 axdom("#AXInputTwinSlider").bindTwinSlider(config);

staticjQueryExtends.closeTab(tabIndex){jQueryObject}

탭 아이템을 제거합니다.

Name Type Description
tabIndex Number
Example
$("#" + tabID).closeTab(tabValue);

staticjQueryExtends.endFocus(){jQueryObject}

input 엘리먼트 맨끝에 포커스되도록 합니다.

Example
 $("#mytarget").endFocus();

staticjQueryExtends.mask(config){jQueryObject}

mask 삽입위치를 엘리먼트 다음의 위치로 합니다.

Name Type Description
config Object

설명

Example
 $("#target").mask();
 $("#target").mask({
    onclick: function(){
        // mask click event
    }
 });

staticjQueryExtends.offwheel(handler){jQueryObject}

엘리먼트에 휠이벤트를 언바인드 합니다. (단 엘리먼트에 id속성이 없는 경우 제대로 작동하지 않을 수 있습니다.)

Name Type Description
handler String

이벤트 키 네임

Example
 $("#mytarget").offwheel("mywheel");

staticjQueryExtends.onwheel(handler, callBackFn){jQueryObject}

엘리먼트에 휠이벤트를 바인드 합니다. (단 엘리먼트에 id속성이 없는 경우 제대로 작동하지 않을 수 있습니다.)

Name Type Description
handler String

이벤트 키 네임

callBackFn function

이벤트 콜백 함수

Example
$("#mytarget").onwheel("mywheel", function(event){
    var delta = event.detail ? event.detail * (-20) : event.wheelDelta / 2;
    trace(delta);
});

staticjQueryExtends.serializeObject(){Array}

엘리먼트 안에 폼아이템 요소들을 수집합니다. Collect 'form item' inside target element

Example
 var myItems = $("#mytarget").serializeObject();

staticjQueryExtends.setCaret(pos){jQueryObject}

input 엘리먼트 특정위치에 커서를 위치시켜 줍니다.

Name Type Default Description
pos Number valueLength optional

포커스 포지션 넘버

Example
 $("#mytarget").setCaret(2);

staticjQueryExtends.setConfigInput(configs){jQueryObject}

input text 엘리먼트에 config를 할당합니다.

Name Type Description
configs Object
Example
 axdom(".AXInput").setConfigInput( 100 );

staticjQueryExtends.setConfigSelect(config){jQueryObject}

select 콘트롤에 설정을 변경합니다.

Name Type Description
config jsObject

select 설정

Example
axdom("Selector").bindSelect(configs);

staticjQueryExtends.setValueInput(value){jQueryObject}

input text 엘리먼트에 바인딩된 컨트롤에 값을 할당합니다.(아직 search, number, money, date, twinDate 컨트롤은 구현되지 않았습니다.)

Name Type Description
value Object

할당할 값

Example
 axdom(".AXInput").setValueInput( 100 );

staticjQueryExtends.setValueSelect(value, onEnd){jQueryObject}

해당 셀렉트 컨트롤에 값을 입력하고 onEnd 함수가 있는 경우 실행합니다.

Name Type Description
value String
onEnd fn optional

끝나고 실행될 함수 / 예정

Example
axdom("Selector").setValueSelect('test');

staticjQueryExtends.setValueTab(value){jQueryObject}

탭의 value를 지정하고 지정된 value로 탭을 선택합니다.

Name Type Description
value String | Number
Example
$("#"+tabID).setValueTab(tabValue);

staticjQueryExtends.unbindAXResizable(config){jQueryObject}

box 엘리먼트 크기를 조정자를 제거합니다.

Name Type Description
config Object optional
Example
 $("#mytarget").unbindAXResizable();

staticjQueryExtends.unbindDate(configs){jQueryObject}

input text 엘리먼트에 바인딩된 날짜 컨트롤을 제거합니다.

Name Type Description
configs JSObject
Example
 axdom("#AXInputDate").unbindDate();

staticjQueryExtends.unbindInput(configs){jQueryObject}

input text 엘리먼트에 바인딩된 컨트롤을 제거합니다.

Name Type Description
configs JSObject
Example
 axdom("#AXInputNumber").unbindInput();

staticjQueryExtends.unbindSelect(configs){jQueryObject}

select 엘리먼트에 select 콘트롤을 언바인드(제거) 합니다.

Name Type Description
configs JSObject
Example
 axdom("Selector").unbindSelect();

staticjQueryExtends.unbindTab(configs){jQueryObject}

탭을 언바인드 합니다.

Name Type Description
configs Object optional
Example
axdom("#myTab01").unbindTab();

staticjQueryExtends.updateTabs(options){jQueryObject}

탭 아이템을 재설정합니다.

Name Type Description
options Array
Example
var options = [];
var index;
for(var i = 0; i < addCount; i++){
    index = "0" + (i + 1);
    options.push({optionText: "O " + index, optionValue: index, closable:true});
}
$("#" + tabID).updateTabs(options);