DataGrid 속성 대화 상자, 열

아티클
08/20/2008

업데이트: 2007년 11월

DataGrid 속성 대화 상자의 열 탭에서는 다음 작업을 수행할 수 있습니다.

모눈에 나타날 데이터 열을 지정합니다.
항목 편집 및 선택과 같은 특수 기능에 사용할 열을 정의합니다.
템플릿 열을 정의합니다.
정렬식 및 명령 이름과 같은 개별 열의 열별 정보를 지정합니다.
모눈의 각 열에 대한 머리글과 바닥글, 내용 및 데이터 바인딩을 정의합니다.

열을 정의한 후 해당 속성을 설정할 수 있습니다. 열 탭에서 사용할 수 있는 옵션은 작업하는 DataGrid 열의 형식에 따라 달라집니다.

참고:
ASP.NET 버전 2.0에는 DataGrid 컨트롤에 비해 많은 기능이 포함된 GridView라는 새 서버 컨트롤이 포함되어 있습니다. 자세한 내용은 GridView 및 DataGrid 웹 서버 컨트롤 비교를 참조하십시오.

이 대화 상자에 액세스하려면

Microsoft Visual Web Developer에서 .aspx 페이지를 열거나 만듭니다.
소스 뷰에서 <form> 요소를 사용하여 DataGrid 컨트롤을 페이지에 추가합니다. 코드는 다음과 같습니다.
```
<form id="form1" >
    <div>
    <asp:DataGrid ID="DataGrid1" ></asp:DataGrid>
    </div>
</form>
```
디자인 뷰로 전환합니다.
DataGrid 컨트롤을 마우스 오른쪽 단추로 클릭한 다음 스마트 태그 표시를 클릭합니다.

DataGrid 작업 창이 열립니다.
속성 작성기를 클릭합니다.

DataGrid 속성 대화 상자가 열립니다.
열 탭을 클릭합니다.

작업

방법: 데이터 바인딩 컨트롤의 단추 이벤트에 응답

UI 요소

런타임에 자동으로 열 만들기
런타임에 모눈이 바인딩된 데이터 소스의 모든 데이터 필드가 모눈에 포함되는지 여부를 지정합니다. 이 열을 제거하거나 이 열에 서식을 지정할 수 없습니다.

아래 "열 목록" 섹션에서 설명한 것처럼 데이터 바인딩된 열 및 단추, 하이퍼링크 및 템플릿 열을 포함하는 열을 추가할 수 있습니다. 추가된 열은 자동으로 생성된 열의 왼쪽에 나타납니다.

열 목록

열 목록에서는 모눈에 표시할 열을 지정할 수 있습니다. 데이터 소스의 필드 및 여러 종류의 단추를 추가할 수도 있습니다.

열을 추가하려면 사용 가능한 열 아래에서 열 형식을 선택한 다음 추가 단추를 클릭하여 선택한 열 목록에 추가합니다. 모눈에서 열의 위치를 지정하려면 선택한 열 목록에서 열을 선택한 다음 다시 정렬 단추를 사용하여 해당 열을 이동합니다. 모눈에서 열을 제거하려면 선택한 열 목록에서 해당 열을 선택한 다음 삭제 단추를 클릭합니다.

사용 가능한 열
모눈에 표시할 수 있는 모든 열의 목록을 다음 노드로 나누어 표시합니다.
- 바인딩된 열 일반 탭에서 선택한 데이터 소스의 사용 가능한 데이터 열에서 개별 데이터 열을 추가하는 데 사용합니다.
  
  런타임에 자동으로 열 만들기를 선택하면 이 노드의 모든 열이 표시됩니다. 일부 열만 표시하려면 런타임에 자동으로 열 만들기를 지우고 사용할 데이터 필드를 추가합니다.
- 단추 열 사용자가 클릭하여 개별 항목에 대한 특정 동작을 수행할 수 있는 단추(명령 단추 또는 링크 단추)가 포함될 필드를 추가하는 데 사용합니다. 단추 열 노드를 확장하여 선택, 삭제 또는 편집 단추를 모눈에 추가합니다. 사용자 지정 단추(예: "장바구니에 추가"라고 표시된 단추)를 추가하려면 단추 열 노드를 선택하고 추가 단추를 클릭한 다음 사용자 지정 단추의 서식을 지정합니다.
- 하이퍼링크 열 다른 페이지에 대한 링크가 포함될 열을 추가하는 데 사용합니다. 하이퍼링크 열에 정적 텍스트를 포함하거나 데이터 열을 하이퍼링크로 표시할 수 있습니다.
- 템플릿 열 HTML 텍스트 및 컨트롤의 조합이 포함된 열을 만드는 데 사용합니다. 템플릿 열을 사용하면 DataGrid 컨트롤에 확인란과 같은 단추 이외의 컨트롤을 포함할 수 있습니다.
선택한 열
사용자 지정할 수 있는 열의 목록을 표시합니다. 이 목록에서 열을 선택하면 대화 상자에서 해당 열 아래에 있는 옵션이 해당 열에 대해 사용자 지정할 수 있는 설정을 반영하도록 변경됩니다.

런타임에 자동으로 열 만들기를 선택하면 선택한 열에 자동으로 생성된 열과 함께 표시될 열 목록이 나타납니다.

열 속성

머리글 텍스트
열의 맨 위에 표시되는 텍스트입니다. 머리글 값은 태그가 포함된 HTML 텍스트로 설정할 수 있습니다. 머리글의 글꼴 및 색은 서식 탭에서 지정할 수 있습니다.

머리글에 지정한 텍스트는 선택한 열 목록에 있는 열의 식별자가 됩니다.

머리글은 일반 탭에서 머리글 표시 확인란을 선택한 경우에만 표시됩니다.
바닥글 텍스트
열의 맨 아래에 표시되는 텍스트입니다. 기본적으로 이 값은 비어 있습니다. 바닥글 값은 태그가 포함된 HTML 텍스트로 설정할 수 있습니다. 머리글의 글꼴 및 색은 서식 탭에서 지정할 수 있습니다.

바닥글은 일반 탭에서 바닥글 표시 확인란을 선택한 경우에만 표시됩니다.
머리글 이미지
열 맨 위에 표시되는 이미지 파일의 URL입니다. 머리글 텍스트와 머리글 이미지를 모두 지정할 경우 머리글 이미지가 우선적으로 표시됩니다.
정렬 식
SortCommand 이벤트가 발생할 때 매개 변수로 전달되는 문자열입니다. 일반적으로 일반 탭에서 정렬 가능 확인란을 선택하면 클릭할 때 SortCommand 이벤트를 발생시키는 LinkButton 컨트롤로 열 머리글이 렌더링됩니다.

바인딩된 열의 기본 정렬 식은 열이 바인딩된 데이터 필드의 이름입니다. 그러나 다른 문자열을 지정할 수도 있습니다.
표시
페이지가 실행될 때 기본적으로 열을 표시할지 여부를 나타냅니다. 이 확인란의 선택을 취소하면 열을 정의하고 열의 바인딩 및 서식 정보를 지정한 다음 런타임에 해당 열을 동적으로 표시하거나 숨길 수 있습니다.

BoundColumn 속성

사용 가능한 열에서 바인딩된 열을 선택하고 화살표 단추를 클릭하여 선택한 열로 이동하면 BoundColumn 속성 아래의 옵션이 표시됩니다.

데이터 필드
이 열이 바인딩된 데이터 필드의 이름입니다. 이 속성은 읽기 전용입니다.

데이터 형식 지정 식
열에 데이터를 표시하기 전에 데이터에 적용되는 .NET Framework 형식 지정 식입니다. 이 식은 정적 텍스트(옵션)와 다음과 같은 형식의 형식 지정자로 구성됩니다.

{0:format specifier}

콜론(:) 앞의 숫자는 열에서 형식을 지정할 데이터 요소를 나타내는 매개 변수 인덱스이며, 일반적으로 첫 번째(유일) 요소를 나타내는 0이 됩니다. format specifier는 콜론 뒤에 오고 데이터 형식을 지정하는 방법을 나타내는 하나 이상의 문자로 구성됩니다. 사용할 수 있는 형식 지정자 문자는 날짜, 숫자 또는 기타 형식 등 대상이 되는 데이터 형식에 따라 다릅니다. 다음 표에서는 서로 다른 형식의 데이터에 대한 형식 지정 식의 예를 보여 줍니다. 형식 지정 식에 대한 자세한 내용은 형식 지정을 참조하십시오.

형식 지정 식	적용되는 데이터 형식	설명
Price: {0:C}	numeric/decimal	리터럴 문자열 "Price:" 뒤에 통화 형식으로 숫자를 표시합니다. 통화 형식은 @ Page 지시문이나 Web.config 파일의 culture 특성을 통해 지정된 문화권 설정에 따라 달라집니다.
{0:D4}	integer(decimal과 함께 사용할 수 없음)	남는 자리는 0으로 채워진 네 자리 정수가 표시됩니다.
{0:N2}%	numeric	전체 자릿수가 2인 숫자 다음에 리터럴 문자열 "%"를 표시합니다.
{0:000.0}	numeric/decimal	소수점 이하 한자리까지 반올림한 숫자입니다. 세자리보다 작은 숫자는 0으로 채워집니다.
{0:D}	date/datetime	자세한 날짜 형식("1996년, 8월 6일, 목요일")입니다. 날짜 형식은 page 지시문 또는 Web.config 파일의 문화권 설정에 따라 달라집니다.
{0:d}	date/datetime	간단한 날짜 형식("12/31/99")입니다.
{0:yy-MM-dd}	date/datetime	년-월-일 형식의 숫자 날짜입니다(96-08-06).

읽기 전용
편집 모드에 항목을 추가할 경우 편집 가능 컨트롤에 이 열의 데이터를 표시할지 여부를 나타냅니다.

ButtonColumn 속성

사용 가능한 열에서 단추 열을 선택하고 화살표 단추를 클릭하여 선택한 열로 이동하면 ButtonColumn 속성 아래의 옵션이 표시됩니다.

텍스트
모눈의 각 항목에 대하여 단추에 같은 텍스트를 표시하는 경우 단추의 텍스트(캡션)입니다. 예를 들어, 모눈의 각 항목에 대하여 "선택"이라는 단어를 표시하는 단추를 정의하는 경우 텍스트 속성을 설정합니다. 텍스트 필드 속성이 설정된 경우에는 텍스트 필드 속성이 이 속성에 우선합니다.
명령 이름
사용자가 단추를 클릭하면 ItemCommand 이벤트와 함께 전달되는 문자열입니다.
텍스트 필드
단추 캡션의 소스로 사용할 데이터 소스 필드입니다. 이 속성과 텍스트 속성을 모두 설정할 경우 텍스트 필드 속성이 사용됩니다.
단추 종류
렌더링할 단추 종류, LinkButton 또는 PushButton입니다. 기본값은 LinkButton 컨트롤입니다.
텍스트 형식 문자열
캡션이 표시되기 전에 단추 캡션에 적용되는 .NET Framework 형식 지정 식입니다. 단추 캡션을 설정하는 데 텍스트 필드 속성을 사용했지만 데이터가 표시되기에 적합한 형식이 아닌 경우 이 속성이 유용합니다. 자세한 내용은 위의 "BoundColumn 속성"을 참조하십시오.

EditCommandColumn 속성

선택한 열의 선택 항목이 편집 단추 열이면 EditButtonColumn 속성 아래에 있는 옵션이 표시됩니다.

텍스트 편집
편집 단추에 표시되는 문자열입니다.
텍스트 취소
취소 단추에 표시되는 문자열입니다.
텍스트 업데이트
업데이트 단추에 표시되는 문자열입니다.
단추 종류
렌더링할 단추 종류, LinkButton 또는 PushButton입니다. 기본값은 LinkButton 컨트롤입니다.

HyperLinkColumn 속성

사용 가능한 열에서 하이퍼링크 열을 선택하고 화살표 단추를 클릭하여 선택한 열로 이동하면 HyperLinkColumn 속성 아래에 있는 옵션이 표시됩니다.

텍스트
모눈의 각 항목에 대하여 링크에 같은 텍스트가 표시되는 경우 하이퍼링크의 텍스트입니다.
URL
이동할 페이지의 URL입니다. URL 필드가 설정된 경우 URL 필드가 이 속성을 재정의합니다.
텍스트 필드
하이퍼링크 텍스트의 소스로 사용할 데이터 소스 필드입니다.
URL 필드
이동할 페이지의 URL을 제공할 DataSource에 포함된 개체의 필드 또는 속성입니다. 이 속성은 URL 설정에 우선합니다.
텍스트 형식 문자열
하이퍼링크가 표시되기 전에 해당 하이퍼링크에 적용되는 .NET Framework 형식 지정자입니다. 텍스트 필드 속성을 사용하여 하이퍼링크 텍스트를 설정했지만 데이터가 표시되기에 적합한 형식이 아닌 경우 이 속성이 유용합니다. 자세한 내용은 위의 "BoundColumn 속성"을 참조하십시오.
URL 형식 문자열
URL의 형식 지정 방법을 지정하는 식입니다. 이 식에는 .NET Framework 형식의 식이 포함될 수 있습니다. 예를 들어, 다음과 같은 URL 형식을 사용할 수 있습니다.
```
images/Title-{0}.gif 
```
이 형식을 적용하면 다음과 같은 URL이 됩니다.
```
images/Title-1.gif
```
자세한 내용은 위의 "BoundColumn 속성"을 참조하십시오.
대상
이 단추 열이 표시되어야 하는 창입니다. 런타임에 존재할 창의 이름을 입력하거나 미리 정의된 표준 창 식별자 목록에서 선택합니다.
이 열을 템플릿 열로 변환합니다.
선택한 열을 다시 만들어서 HTML 텍스트와 컨트롤이 결합된 템플릿으로 사용합니다. 그러면 열의 모양을 세밀하게 지정할 수 있습니다.

참고 항목

개념

GridView 및 DataGrid 웹 서버 컨트롤 비교

다음을 통해 공유