항목을 선택

설명

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

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

var dx = dx5.get("component-id");

// 모든 항목을 선택 상태로 변경한다. (모든 항목의 순서는 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>

설명

예제