더북(TheBook)

6.13 | DropDownList 컨트롤

6.13.1 소개

드롭다운리스트 컨트롤은 HTML의 <select><option> 태그의 조합을 ASP.NET 서버 컨트롤로 구현한 컨트롤이다.

드롭다운리스트 컨트롤에 전화번호 리스트를 선언적으로 출력하고자 할 때는 다음과 같은 방식으로 작성할 수 있다(이때 선언적으로 출력한다는 것은 태그(소스)로 직접 출력하는 것을 말한다. C# 코드에서 만들어서 출력하는 프로그래밍적으로 출력하는 것과는 다르다). Value 속성과 Text 속성을 구분지어서 설정할 수 있는 여러 모양을 보여준다.


<asp:DropDownList ID="ddlPhoneNumber" runat="server">
  <asp:ListItem>010</asp:ListItem>
  <asp:ListItem Value="019">019</asp:ListItem>
  <asp:ListItem Value="018" Text="018"></asp:ListItem>
  <asp:ListItem>017</asp:ListItem>
  <asp:ListItem>016</asp:ListItem>
</asp:DropDownList>

 

그리고 다음 코드 블록처럼 코드 숨김 페이지에서 코드 기반으로 데이터를 추가할 수도 있다. 각 항목은 ListItem 개체를 사용한다.


protected void Page_Load(object sender, EventArgs e)
{
  // 현재 페이지가 포스트백(재전송)이 아닐 때만 바인딩, 즉 처음 로드 시에만 처리
  if (!Page.IsPostBack)
  {
      ddlPhoneNumber.Items.Add(“017”);
      ddlPhoneNumber.Items.Add(new ListItem(“016”, “016”));
  }
}

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.