MultiSelect

Toggle Mode

Dragging Multi-select Mode

Example

new MultiSelect('testElement');

// CSS 시각효과 설정
new MultiSelect('testElement', {
    dragSelect: false, // 드래그 사용 여부
    rectangleCN: 'MS-rectangle', // 선택영역 스타일 이름
    selectCN: 'MS-select',  // 선택된 아이탬 스타일 이름
    unselectCN: 'MS-unselect', // 선택되지 않은 아이탬 스타일 이름
}});

// 예제에 사용한 코드
var selector = new MultiSelect('testElement', {
    // 변화가 생기면 이벤트 발생
    onChange: function(){
    var debug = $('debug2'), comma = '';
    debug.innerHTML = 'Selected : ';
    selector.items.each(function(a){
        if(a.success) {
            debug.innerHTML += comma + a.element.innerHTML;
            comma = ', ';
        }
    });
}});

selector.setOffset(true); // 포지션 다시 계산하기
selector.selectAll(true); // 모두 선택하기
selector.selectAll(false); // 모두 선택 해제하기