Class: AXMultiSelect

AXMultiSelect

박스안에 아이템들중에 약속된 Class를 가진 아이템에 대해 다중선택를 할 수 있도록 지원합니다.

new AXMultiSelect()

Version:
  • v1.9
Author:
  • tom@axisj.com
Example
var multiSelector = new AXMultiSelect();
multiSelector.setConfig({
    selectStage       : "selectStageBox", // 컨테이너 타겟 아이디
    selectClassName   : "readyselect", // 셀렉트 대상
    beselectClassName : "beSelected", // 셀렉트 되었을 때.
    selectingClassName: "AX_selecting" // 셀렉트중일 때
});

Extends

Members

staticAXMultiSelect.selectsArray

선택된 아이템 Array of selected Item.

Methods

staticAXMultiSelect.collect(){AXMultiSelect}

컨테이너안에 셀렉트 아이템을 재정의 합니다.

Example
multiSelector.collect();
// 컨테이너안에 아이템의 변화가 생긴 경우 호출합니다.

staticAXMultiSelect.getSelects(){Array}

셀렉트된 아이템 엘리먼트 배열을 반환합니다. Return Array of selected item element

Example
multiSelector.getSelects();

staticAXMultiSelect.setConfig(config)

멀티셀렉트

Name Type Description
config Object
Example
var config = {
    selectStage: {String} - Element ID of select item container,
    selectClassName: {String} [readySelect] - CSS Class Name of select item,
    beselectClassName: {String} [beSelected] - CSS Class Name of selected item,
    selectingClassName: {String} [AX_selecting] - CSS Class Name of selecting item,
    moveSens: {Number} [5] - mouse position move of detect select,
    useHelper: {Boolean} [true] - use mouse select box
}
multiSelector.setConfig(config);