방법: GridView 웹 서버 컨트롤에서 기본 선택 사용

Visual Studio 2010

업데이트: 2007년 11월

ASP.NET GridView 컨트롤에는 사용자가 모눈에서 행을 선택할 수 있도록 하는 기본 제공 선택 기능이 있습니다. GridView 컨트롤에서 행을 선택할 경우 어떤 작업이 수행되지는 않습니다. 그러나 선택 기능을 추가하면 특정 행을 가리키는 사용자에 의존하는 기능을 모눈에 추가할 수 있습니다. GridView 컨트롤에 선택 기능을 추가하는 일반적인 용도는 다음과 같습니다.

  • 사용자가 행을 선택하면 행이 다른 모양으로 다시 표시됩니다.

  • 사용자가 행을 선택하면 관련 데이터가 페이지의 DetailsView 컨트롤을 비롯한 다른 위치에 표시됩니다.

선택한 행에 액세스하려면 SelectedRow 속성을 사용합니다.

사용자가 행을 선택할 때 사용자 지정 작업을 수행하려면 SelectedIndexChanging 이벤트에 대한 처리기를 제공합니다.

스마트 태그를 사용하여 선택을 활성화하려면

  1. 디자인 뷰에서 GridView 컨트롤을 마우스 오른쪽 단추로 클릭하고 스마트 태그 표시를 클릭합니다.

  2. 스마트 태그 패널에서 선택 사용을 선택합니다.

AutoGenerateSelectButton 속성을 사용하여 기본 선택을 활성화하려면

  • GridView 컨트롤을 선택한 다음 속성 창에서 AutoGenerateSelectButtontrue로 설정합니다.

    -또는-

  • 소스 뷰의 <asp:GridView> 요소에서 AutoGenerateSelecttButton 특성을 true로 설정합니다.

    <asp:GridView Runat="server" ID="GridView1" 
      AutoGenerateSelectButton="true" />
    

선택 모드에서 행 모양을 사용자 지정하려면

  • SelectedRowStyle의 속성을 설정합니다.

    예를 들어 SelectedRowStyleBackColor 하위 속성을 회색으로 설정하면 선택한 행이 회색 배경으로 표시됩니다.

선택 단추의 명령 텍스트를 사용자 지정하려면

  1. 디자인 뷰에서 GridView 컨트롤을 마우스 오른쪽 단추로 클릭하고 스마트 태그 표시를 클릭합니다.

  2. 열 편집을 클릭합니다.

    필드 대화 상자가 표시됩니다.

  3. 선택한 필드에서 선택을 클릭합니다.

    필드 속성이 속성 표에 로드됩니다.

  4. CommandField 속성의 SelectText 속성에 선택 단추에 표시할 텍스트를 입력합니다.

선택 단추의 명령 텍스트를 이미지로 변경하려면

  1. 디자인 뷰에서 GridView 컨트롤을 마우스 오른쪽 단추로 클릭하고 스마트 태그 표시를 클릭합니다.

  2. 열 편집을 클릭합니다.

    필드 대화 상자가 표시됩니다.

  3. 선택한 필드에서 선택을 클릭합니다.

    필드 속성이 속성 표에 로드됩니다.

  4. CommandField 속성의 SelectImageUrl 필드에 선택 단추에 사용할 이미지의 URL을 입력하거나 선택합니다.

  5. CommandField 속성의 ButtonType 필드에서 이미지를 선택합니다.

  6. 확인을 클릭합니다.

선택한 행을 DetailsView 컨트롤에 표시하려면

  1. GridView 컨트롤에 바인딩된 데이터 소스 컨트롤을 복사하여 페이지에 붙여 넣습니다.

  2. 디자인 뷰에서 데이터 소스 컨트롤을 마우스 오른쪽 단추로 클릭하고 스마트 태그 표시를 클릭합니다.

  3. 데이터 소스 구성...을 클릭합니다.

  4. 응용 프로그램이 데이터베이스에 연결하기 위해 사용해야 하는 데이터 연결 필드가 GridView 컨트롤에 사용되는 것과 같은 연결로 설정되어 있는지 확인합니다.

  5. 다음을 클릭합니다.

  6. 테이블 또는 뷰의 열 지정 옵션을 선택합니다.

  7. 이름 드롭다운 목록에서 GridView 컨트롤에 바인딩된 것과 같은 테이블이 선택되어 있는지 확인합니다.

  8. 에서 DetailsView 컨트롤에 표시할 테이블 열을 선택합니다.

  9. WHERE… 단추를 클릭합니다.

    WHERE 절 추가 창이 열립니다.

  10. 드롭다운 목록에서 WHERE 절에 사용할 열 이름을 선택합니다. 선택한 행을 식별하려면 이 열이 테이블의 기본 키이거나 고유한 값만 포함해야 합니다.

  11. 소스 드롭다운 목록에서 컨트롤을 선택합니다.

  12. 컨트롤 ID 드롭다운 목록에서 GridView 컨트롤의 ID를 선택합니다.

  13. 추가를 클릭합니다.

  14. 확인을 클릭하고 다음을 클릭한 다음 마침을 클릭합니다.

  15. DetailsView 컨트롤을 마우스 오른쪽 단추로 클릭하고 스마트 태그 표시를 클릭합니다.

  16. 데이터 소스 선택 드롭다운 목록에서 방금 구성한 데이터 소스 컨트롤을 선택합니다.

표시: