선택 모드를 변경하는 방법(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

ListView 컨트롤의 selectionMode 속성은 사용자가 목록에서 항목을 선택할 수 있는 방법을 지정합니다.

알아야 할 사항

기술

• JavaScript를 사용하여 첫 Windows 런타임 앱 만들기
• ListView

사전 요구 사항

• ListView 컨트롤을 만들 수 있다고 가정합니다. 자세한 내용은 ListView 추가 빠른 시작을 참조하세요.

지침

선택 모드 변경

selectionMode 속성은 SelectionMode 열거형에 정의된 다음 값을 지원합니다.

용어	설명
none	항목을 선택할 수 없습니다.
single	하나의 항목만 선택할 수 있습니다. 항목을 클릭하면 해당 항목이 선택됩니다.
multi	여러 항목을 선택할 수 있습니다. 추가 항목을 클릭하면 선택 영역에 추가됩니다.

 

HTML에서 선택 모드를 지정하려면 data-win-options 특성을 사용하여 selectionMode를 허용되는 열거형 값 중 하나의 문자열 표현(예: "none" 또는 "single")으로 설정합니다.

HTML에서 선택 모드 지정

• 다음 예제에서는 단일 항목만 선택할 수 있도록 선택 모드를 설정합니다.

  <div id="basicListView" 
      data-win-control="WinJS.UI.ListView"
      data-win-options="{ itemDataSource : DataExample.itemList.dataSource, itemTemplate: select('#mediumListIconTextTemplate'), selectionMode: 'single'}">
  </div> 
  

JavaScript에서 선택 모드를 지정하려면 컨트롤을 검색하고 해당 selectionMode 속성을 설정합니다.

JavaScript에서 선택 모드 지정

• 다음 예제에서는 단일 항목만 선택할 수 있도록 선택 모드를 설정합니다.

  var myListView = document.getElementById("basicListView1").winControl;
  myListView.selectionMode = WinJS.UI.SelectionMode.single;
  

관련 항목

빠른 시작: ListView 추가