Home > IE 버전 > 선택
항목을 선택하는 예제입니다.
설명

항목은 마우스로 클릭하거나 방향키를 사용하여 선택할 수 있습니다.

사용자 액션이 아닌 스크립트 상에서도 함수를 사용하여 특정 항목을 선택 상태로 변경할 수 있습니다.

var dx = dx5.get("컴포넌트 아이디");

// 모든 항목을 선택 상태로 변경합니다. (모든 항목의 순서는 0부터 시작합니다.)
dx.selectAll();

// 모든 항목을 선택 해지 상태로 변경합니다.
dx.unselectAll();

// 6번째 항목을 선택 상태로 변경합니다.
dx.selectByIndex(5);

// 6번째 항목을 선택 해지 상태로 변경합니다.
dx.unselectByIndex(5);

// 6번째 항목의 선택 여부를 반환합니다.
if (dx.isSelectedByIndex(5) == true) alert("선택되었습니다.");

전체 선택 및 해지의 경우 dx5.create 함수에서 btnSelectAll, btnUnselectAll 속성을 사용하여 자동으로 바인딩할 수 있습니다.

<button id="btn-select-all">전체 선택</button>
<button id="btn-unselect-all">전체 선택 해지</button>
<script>
  dx5.create({
    ...
    // 버튼을 연결합니다.
    btnSelectAll: "btn-select-all", btnUnselectAll: "btn-unselect-all"
  });
</script>
예제