항목을 선택하는 예제입니다.
- 설명
-
항목은 마우스로 클릭하거나 방향키를 사용하여 선택할 수 있습니다.
사용자 액션이 아닌 스크립트 상에서도 함수를 사용하여 특정 항목을 선택 상태로 변경할 수 있습니다.
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>
- 예제
-