Edit | History | Print | Changes | AllChanges
Edit Title | Edit TopBar | Logout
모두 선택 | 선택 해제

Toggle Mode


  • 01
  • 02
  • 03
  • 04
  • 05
  • 06
  • 07
  • 08
  • 09
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
Selected : --




모두 선택 | 선택 해제

Dragging Multi-select Mode


  • 01
  • 02
  • 03
  • 04
  • 05
  • 06
  • 07
  • 08
  • 09
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
Selected : --


Width: 75px

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); // 모두 선택 해제하기