이 장에서는 ASP.NET에서 사용할 수 있는 기본 컨트롤에 대해 설명합니다.
ASP.NET은 세 가지 유형의 단추 컨트롤을 제공합니다.
버튼 : 직사각형 영역 내에 텍스트를 표시합니다.
링크 버튼 : 하이퍼링크와 같은 텍스트를 표시합니다.
이미지 버튼 : 이미지를 표시합니다.
사용자가 버튼을 클릭하면 클릭과 명령이라는 두 가지 이벤트가 발생합니다.
버튼 컨트롤의 기본 구문:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >버튼 컨트롤의 일반적인 속성:
| 재산 | 설명하다 |
|---|---|
| 텍스트 | 버튼에 텍스트가 표시됩니다. 버튼과 링크 버튼만 제어합니다. |
| 이미지 URL | 이미지 버튼 컨트롤에만 해당됩니다. 이 이미지는 버튼을 보여주기 위한 것입니다. |
| 대체 텍스트 | 이미지 버튼 컨트롤에만 해당됩니다. 브라우저가 이미지를 표시할 수 없으면 대체 텍스트가 표시됩니다. |
| 원인검증 | 사용자가 버튼을 클릭할 때 페이지 유효성 검사가 수행되는지 여부를 결정합니다. 기본값은 true입니다. |
| 명령 이름 | 사용자가 버튼을 클릭할 때 명령 이벤트에 전달되는 문자열 값입니다. |
| 명령인수 | 사용자가 버튼을 클릭할 때 명령 이벤트에 전달되는 문자열 값입니다. |
| 게시물뒤로 URL | 사용자가 버튼을 클릭하면 필요한 페이지 주소가 나타납니다. |
텍스트 상자 컨트롤은 사용자 입력을 허용하도록 특별히 설계되었습니다. 텍스트 상자 컨트롤은 텍스트 모드 속성을 기반으로 하나 이상의 텍스트 입력을 허용할 수 있습니다.
레이블 컨트롤은 한 페이지에서 다음 페이지로 텍스트를 표시하는 간단한 방법을 제공합니다. 상수 텍스트를 표시하려면 리터럴 텍스트를 사용할 수 있습니다.
텍스트 제어의 기본 구문:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>텍스트 상자 및 레이블의 공통 속성:
| 재산 | 설명하다 |
|---|---|
| 텍스트 모드 | 텍스트 상자 유형을 지정합니다. 한 줄 모드는 표준 텍스트를 생성하고, 여러 줄 모드는 여러 텍스트를 허용하는 기능을 생성하며, 비밀번호는 문자가 입력되도록 표시됩니다. 기본값은 표준 텍스트입니다. |
| 텍스트 | 텍스트 상자의 텍스트 콘텐츠입니다. |
| 최대 길이 | 텍스트 상자에 텍스트 문자의 최대값을 입력합니다. |
| 포장하다 | 여러 줄 텍스트 상자의 텍스트가 자동으로 줄 바꿈되는지 여부를 결정합니다. 기본값은 True입니다. |
| 읽기 전용 | 사용자가 상자의 텍스트를 변경할 수 있는지 여부를 결정합니다. 기본값은 false입니다. 이는 사용자가 텍스트를 변경할 수 있음을 의미합니다. |
| 열 | 텍스트 상자의 너비(문자)입니다. 실제 너비는 텍스트 입력에 사용된 글꼴에 따라 결정됩니다. |
| 행 | 여러 줄 텍스트 상자의 높이입니다. 기본값은 0이며, 이는 한 줄 텍스트 상자를 나타냅니다. |
라벨 컨트롤의 가장 일반적으로 사용되는 속성은 라벨에 표시되는 텍스트를 나타내는 '텍스트'입니다.
확인란에는 사용자가 선택하거나 선택 취소할 수 있는 옵션이 표시됩니다. 라디오 버튼은 사용자가 하나의 옵션만 선택할 수 있는 옵션 그룹을 제공합니다.
라디오 버튼 그룹을 생성하는 경우 각 라디오 버튼 그룹의 GroupName 속성에 동일한 이름을 지정할 수 있습니다. 둘 이상의 그룹이 단일 양식에 표시되어야 하는 경우 각 그룹에 대해 다른 그룹 이름을 지정하십시오.
체크박스나 라디오 버튼이 처음에 나타나는 대로 선택되도록 하려면 selected 속성을 true로 설정하세요. 그룹에 있는 여러 라디오 버튼의 속성이 true로 설정된 경우 마지막 버튼만 true로 간주됩니다.
체크박스의 기본 구문:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>라디오 버튼의 기본 구문:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>체크박스와 라디오 버튼의 공통 속성:
| 재산 | 설명하다 |
|---|---|
| 텍스트 | 체크박스나 라디오 버튼 옆에 표시되는 텍스트입니다. |
| 체크됨 | 선택 여부를 지정합니다. 기본값은 선택 해제되어 있습니다. |
| 그룹 이름 | 컨트롤이 속한 그룹의 이름입니다. |
ASP.NET은 다음 컨트롤을 제공합니다.
드롭다운 목록,
목록 상자,
라디오 버튼 목록,
체크박스 목록,
글머리 기호 목록.
이러한 컨트롤을 통해 사용자는 하나 이상의 항목 목록에서 선택할 수 있습니다. 목록 상자와 드롭다운 목록에는 하나 이상의 목록 항목이 포함되어 있습니다. 이러한 목록은 코드나 ListItemCollection 편집기를 통해 로드할 수 있습니다.
목록 상자 컨트롤의 기본 구문:
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>드롭다운 목록 컨트롤의 기본 구문:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>목록 상자 및 드롭다운 목록의 공통 속성:
| 재산 | 설명하다 |
|---|---|
| 품목 | 컨트롤 내의 항목을 나타내는 ListItem 개체의 컬렉션입니다. 이 속성은 ListItemCollection 유형의 개체를 반환합니다. |
| 행 | 상자에 표시할 항목 수를 지정합니다. 실제 목록에 표시된 목록보다 많은 행이 포함되어 있으면 스크롤 막대가 추가됩니다. |
| SelectedIndex | 현재 선택된 항목의 인덱스입니다. 두 개 이상의 항목을 선택한 경우 첫 번째 인덱스가 해당 항목을 선택합니다. 항목을 선택하지 않은 경우 이 속성의 값은 -1입니다. |
| 선택된 값 | 현재 선택된 항목의 값입니다. 두 개 이상의 항목을 선택한 경우 첫 번째 항목의 값이 선택됩니다. 선택한 항목이 없는 경우 이 속성의 값은 빈 문자열("")입니다. |
| 선택 모드 | 목록 상자에서 단일 선택 또는 다중 선택을 허용하는지 여부를 나타냅니다. |
모든 목록 항목 개체의 공통 속성:
| 재산 | 설명하다 |
|---|---|
| 텍스트 | 항목에 대해 표시되는 텍스트입니다. |
| 선택된 | 항목이 선택되었는지 여부를 나타냅니다. |
| 값 | 프로젝트와 관련된 문자열입니다. |
집중해야 할 사항은 다음과 같습니다.
드롭다운 목록이나 목록 상자의 항목으로 작업하려면 컨트롤의 Item 속성을 사용해야 합니다. 이 속성은 목록의 모든 항목을 포함하는 ListItemCollection 개체를 반환합니다.
SelectedIndexChanged 이벤트는 사용자가 드롭다운 목록이나 목록 상자에서 다른 항목을 선택할 때 발생합니다.
ListItemCollection 개체는 ListItem 개체의 컬렉션입니다. 각 ListItem 개체는 목록의 항목을 나타냅니다. ListItemCollection의 항목 번호는 0부터 시작합니다.
예를 들어 목록 상자의 항목 로드 프로세스에 사용된 문자열이 lstcolor.Items.Add ("Blue")인 경우 텍스트 및 목록 항목 값의 속성 설정은 사용자가 지정하는 문자열 값입니다. 다르게 설정하려면 목록 항목의 개체를 만든 다음 해당 항목을 컬렉션에 추가해야 합니다.
ListItemCollection 편집기는 드롭다운 목록이나 목록 상자에 항목을 추가하는 데 사용됩니다. 항목의 정적 목록을 만드는 데 사용됩니다. 컬렉션 편집기를 표시하려면 스마트 태그 메뉴에서 항목 편집을 선택하거나 컨트롤을 선택하고 속성 창의 항목 속성에서 줄임표 버튼을 클릭하세요.
ListItemCollection의 공통 속성:
| 재산 | 설명하다 |
|---|---|
| 품목(정수) | 지정된 인덱스의 항목을 나타내는 ListItem 개체입니다. |
| 세다 | 컬렉션의 항목 수입니다. |
ListItemCollection의 기본 메서드:
| 방법 | 설명하다 |
|---|---|
| 추가(문자열) | 컬렉션 끝에 새 항목을 추가하고 항목 텍스트 속성에 문자열 매개 변수를 할당합니다. |
| 추가(목록 항목) | 컬렉션의 끝에 새 항목을 추가합니다. |
| 삽입(정수, 문자열) | 컬렉션의 지정된 인덱스 위치에 항목을 삽입하고 항목 텍스트 속성에 문자열 인수를 할당합니다. |
| 삽입(정수, ListItem) | 컬렉션의 지정된 인덱스에 항목을 삽입합니다. |
| 제거(문자열) | 텍스트 값과 동일한 문자열이 있는 항목을 제거합니다. |
| 제거(목록항목) | 지정된 항목을 제거합니다. |
| 제거 위치(정수) | 지정된 인덱스의 항목을 정수로 제거합니다. |
| 분명한 | 컬렉션에서 모든 항목을 제거합니다. |
| FindByValue(문자열) | 문자열 값과 동일한 항목을 반환합니다. |
| 값별 찾기(텍스트) | 문자열 리터럴과 동일한 항목을 반환합니다. |
라디오 버튼 목록은 상호 배타적인 옵션 목록을 제공합니다. 확인란 목록 열에는 독립적인 옵션 목록이 표시됩니다. 이러한 컨트롤에는 컨트롤의 Item 속성을 통해 참조할 수 있는 ListItem 개체 컬렉션이 포함되어 있습니다.
라디오 버튼 목록의 기본 구문:
<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"></asp:RadioButtonList>체크박스 목록의 기본 구문:
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"></asp:CheckBoxList>체크박스와 라디오 버튼 목록의 공통 속성:
| 재산 | 설명하다 |
|---|---|
| 반복 레이아웃 | 이 속성은 서식이 지정된 목록을 렌더링하는 데 태그 또는 일반 HTML 흐름이 사용되는지 여부를 지정합니다. 기본값은 테이블입니다. |
| 반복방향 | 제어가 반복될 수 있는 방향을 지정합니다. 사용 가능한 값은 가로 및 세로입니다. 기본값은 수직입니다. |
| 반복열 | 컨트롤이 반복되면 열 번호가 기본값으로 0으로 지정됩니다. |
글머리 기호 목록 컨트롤은 글머리 기호 또는 번호 매기기 목록을 만듭니다. 이러한 컨트롤에는 컨트롤의 Item 속성을 통해 참조할 수 있는 ListItem 개체 컬렉션이 포함되어 있습니다.
글머리 기호 목록의 기본 구문:
<asp:BulletedList ID="BulletedList1" runat="server"></asp:BulletedList>글머리 기호 목록의 일반적인 속성:
| 재산 | 설명하다 |
|---|---|
| BulletStyle | 이 속성은 항목 번호 또는 번호의 스타일과 모양을 지정합니다. |
| 반복방향 | 제어가 반복될 수 있는 방향을 지정합니다. 사용 가능한 값은 가로 및 세로입니다. 기본값은 수직입니다. |
| 반복열 | 컨트롤이 반복되면 열 번호가 기본값으로 0으로 지정됩니다. |
하이퍼링크 컨트롤은 HTML <a> 요소와 같습니다.
하이퍼링크 제어의 기본 구문:
<asp:HyperLink ID="HyperLink1" runat="server"> HyperLink</asp:HyperLink>여기에는 다음과 같은 속성이 있습니다.
| 재산 | 설명하다 |
|---|---|
| 이미지 URL | 컨트롤이 표시하는 이미지의 경로입니다. |
| NavigateUrl | 대상 링크 주소입니다. |
| 텍스트 | 링크로 표시되는 텍스트입니다. |
| 목표 | 링크된 페이지를 로드하는 창이나 프레임입니다. |
이미지를 표시할 수 없는 경우 이미지 컨트롤은 웹 페이지에 이미지나 일부 대체 텍스트를 표시합니다.
이미지 컨트롤의 기본 구문:
<asp:Image ID="Image1" runat="server">여기에는 다음과 같은 중요한 속성이 있습니다.
| 재산 | 설명하다 |
|---|---|
| 대체 텍스트 | 이미지가 존재하지 않는 경우 대체 텍스트를 표시합니다. |
| 이미지정렬 | 정렬 옵션 제어. |
| 이미지 URL | 컨트롤이 표시하는 이미지의 경로입니다. |