DropDownList 웹 서버 컨트롤 개요

Visual Studio 2010

업데이트: 2007년 11월

DropDownList 웹 서버 컨트롤을 사용하면 사용자가 미리 정의된 드롭다운 목록에서 단일 항목을 선택할 수 있습니다.

이 항목의 내용은 다음과 같습니다.

DropDownList 컨트롤을 사용하여 다음과 같은 작업을 수행할 수 있습니다.

  • 컨트롤의 크기(픽셀) 설정

  • 데이터 바인딩을 사용하여 표시할 항목 목록 지정

  • 선택된 항목 확인

  • 선택된 항목을 프로그래밍 방식으로 지정

맨 위로 이동

DropDownList 웹 서버 컨트롤을 사용하면 사용자가 미리 정의된 목록에서 항목을 선택할 수 있습니다. 이 컨트롤은 ListBox 웹 서버 컨트롤과 달리 드롭다운 단추를 클릭하기 전까지 항목 목록이 숨어 있습니다. 또한 DropDownList 컨트롤은 다중 선택 모드를 지원하지 않습니다.

DropDownList 컨트롤의 모양 수정

높이와 너비를 픽셀 단위로 설정하여 DropDownList 컨트롤의 모양을 제어할 수 있습니다. 일부 브라우저는 높이와 너비를 픽셀 단위로 지정하는 기능을 지원하는 대신 행 개수 설정을 지원합니다.

드롭다운 단추 클릭 시 목록에 표시되는 항목의 개수를 지정할 수는 없습니다. 표시되는 목록의 길이는 브라우저에 의해 결정됩니다.

다른 웹 서버 컨트롤과 마찬가지로 스타일 개체를 사용하여 DropDownList 컨트롤의 모양을 지정할 수 있습니다. 자세한 내용은 ASP.NET 웹 서버 컨트롤 및 CSS 스타일을 참조하십시오.

목록 항목

DropDownList 컨트롤은 ListItem 형식의 목록 항목에 대한 컨테이너입니다. 각 ListItem 개체는 고유한 속성을 가지는 개별 개체입니다. 이러한 속성은 다음과 같습니다.

속성

설명

Text

목록에 표시되는 텍스트를 지정합니다.

Value

항목과 연결된 값이 포함되어 있습니다. 이 속성을 설정하면 값을 표시하지 않고도 특정 항목과 연결할 수 있습니다. 예를 들어 Text 속성을 색 이름으로 설정하고 Value 속성을 16진수 표현으로 설정할 수 있습니다.

Selected

항목의 현재 선택 여부를 나타냅니다.

목록 항목을 프로그래밍 방식으로 작업하려면 DropDownList 컨트롤의 Items 컬렉션을 사용합니다. Items 컬렉션은 표준 컬렉션이며 이 컬렉션에 항목 개체를 추가 및 삭제할 수 있을 뿐 아니라 컬렉션 자체를 지울 수도 있습니다.

현재 선택된 항목은 DropDownList 컨트롤의 SelectedItem 속성에 있습니다.

컨트롤에 데이터 바인딩

DropDownList 웹 서버 컨트롤을 사용하면 데이터 소스 컨트롤을 통해 페이지에서 사용 가능한 옵션을 나열할 수 있습니다. DropDownList 컨트롤의 각 항목은 데이터 소스의 한 항목(일반적으로 개별 데이터 레코드)에 해당합니다.

컨트롤은 소스의 한 필드를 표시합니다. 필요에 따라 컨트롤을 두 번째 필드에 바인딩하여 표시되지 않는 항목의 값을 설정할 수 있습니다.

다른 웹 서버 컨트롤과 마찬가지로 컨트롤의 색 또는 크기와 같은 모든 컨트롤 속성을 데이터에 바인딩할 수 있습니다. 자세한 내용은 방법: 데이터 소스에서 List 웹 서버 컨트롤 채우기를 참조하십시오.

DropDownList 이벤트

DropDownList 컨트롤은 사용자가 항목을 선택할 때 SelectedIndexChanged 이벤트를 발생시킵니다. 기본적으로 이 이벤트로 인해 페이지가 서버로 게시되지는 않지만 AutoPostBack 속성을 true로 설정하여 컨트롤이 페이지를 즉시 게시하도록 할 수 있습니다.

xy14hwwb.alert_note(ko-kr,VS.100).gif참고:

자동 포스트백 기능을 사용하려면 브라우저에서 ECMAScript(Jscript 또는 JavaScript)를 지원하고 사용자 브라우저에 이 스크립트가 활성화되어 있어야 합니다.

맨 위로 이동

다음 표에서는 DropDownList 컨트롤과 관련된 클래스를 보여 줍니다.

멤버

설명

DropDownList

컨트롤의 기본 클래스입니다.

ListItem

드롭다운 목록의 각 항목을 나타내는 클래스입니다.

맨 위로 이동

표시: