다음을 통해 공유


ListView 컨트롤 추가(HTML)

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

이 섹션에서는 데이터를 사용자 지정 가능한 목록 또는 그리드로 표시하는 WinJS 컨트롤인 ListView 컨트롤을 만들고 사용하는 방법에 대해 설명합니다.

그룹화된 항목을 포함한 ListView

이 조항의 내용

항목 설명

빠른 시작: ListView 추가

데이터를 사용자 지정 가능한 목록 또는 그리드로 표시하고 데이터 바인딩, 가상화, 끌기, 기타 고급 기능을 지원하는 JavaScript용 Windows 라이브러리 컨트롤인 ListView 컨트롤의 사용 방법을 배웁니다.

ListView에서 순서 다시 매기기, 끌기 및 놓기를 사용하도록 설정하는 방법

ListView 컨트롤에 항목 순서 다시 매기기, 끌기 및 놓기 기능을 추가하는 방법을 알아봅니다.

ListView 및 관련 항목 스타일 지정

CSS를 사용한 스타일 지정을 통해 ListView를 사용자 지정하는 방법을 알아봅니다.

ListView를 브랜딩하는 방법

Grid App 템플릿을 사용하고 ListView 항목에 스타일을 지정하여 앱의 방문 페이지를 브랜딩하는 방법을 알아봅니다.

템플릿 함수를 만드는 방법

ListView에 대해 항목을 생성하는 템플릿 함수를 만드는 방법을 알아봅니다.

선택 모드를 변경하는 방법

ListView의 선택 모드를 변경하는 방법

ListView에서 항목을 그룹화하는 방법

ListView에서 항목을 그룹화하는 방법에 대해 설명합니다.

ListView에 크기가 다른 항목을 표시하는 방법(JavaScript 및 HTML로 작성한 Windows 스토어 앱)

기본적으로 ListView는 목록의 각 항목에 같은 크기를 할당합니다. 그리드 레이아웃을 사용할 경우 이 동작을 수정하여 항목을 여러 셀에 걸쳐 배치함으로써 크기가 다른 항목을 표시할 수 있습니다.

그리드 레이아웃용 항목 템플릿

그리드 레이아웃이 있는 ListView에 사용할 수 있는 항목 템플릿에 대해 알아봅니다.

목록 레이아웃용 항목 템플릿

목록 레이아웃이 있는 ListView에 사용할 수 있는 항목 템플릿에 대해 알아봅니다.

 

관련 항목

ListView reference