방법: 디자이너를 사용하여 웹 서버 컨트롤 템플릿 만들기

Visual Studio 2010

업데이트: 2007년 11월

GridView, DetailsView, FormView, DataListRepeater 웹 서버 컨트롤을 사용하면 템플릿을 지정하고 컨트롤의 특정 부분을 정의하는 태그 및 서버 컨트롤을 정의할 수 있습니다. 예를 들어, 이러한 각 요소가 사용자 지정된 모양을 가질 수 있도록 GridView 컨트롤에서 항목, 선택한 항목, 교대로 반복되는 항목 등에 대한 템플릿을 정의할 수 있습니다.

이 항목에서는 디자이너를 사용하여 템플릿을 만드는 방법을 설명합니다. Visual Web Developer에서 직접 템플릿을 만들 수 있습니다. ASP.NET 구문을 사용하여 템플릿을 만드는 방법은 방법: 선언적으로 ASP.NET 웹 컨트롤 템플릿 만들기를 참조하십시오. 템플릿에 대한 배경 정보는 ASP.NET 웹 서버 컨트롤 템플릿을 참조하십시오.

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

디자이너를 사용하여 템플릿을 편집하는 경우 템플릿의 <textarea> HTML 요소에 배치된 데이터 바인딩 구문은 HTML로 인코딩됩니다. 예를 들어, 디자이너를 사용하여 템플릿을 편집한 경우 <textarea id="TextArea1"><%# Eval("Description") %><textarea>를 자동으로 <textarea id="TextArea1">&lt;%# Eval("Description") %&gt;<textarea>로 변경됩니다. 또는 TextBox 컨트롤을 데이터 필드에 바인딩한 다음 TextBox 컨트롤의 TextMode 속성이 MultiLine이 되도록 지정하여 <textarea> HTML 요소를 렌더링할 수 있습니다.

Visual Web Developer에서 템플릿을 만들려면

  1. 디자인 뷰에서 GridView 컨트롤을 디자인 화면으로 끌어 옵니다.

    GridView 컨트롤 작업 목록이 새 GridView 컨트롤 옆에 표시됩니다.

  2. 작업 목록에서 템플릿 편집을 클릭한 다음 편집할 템플릿을 선택합니다.

    Visual Web Developer의 템플릿 편집 모드에 컨트롤이 표시됩니다.

  3. 템플릿에 원하는 HTML 텍스트와 서버 컨트롤을 추가합니다.

  4. 템플릿에서 다음 3개 메서드 중 하나를 사용하여 방금 추가한 컨트롤을 다른 웹 서버 컨트롤과 같은 방식으로 편집합니다.

    • 컨트롤을 선택한 다음 속성 창을 사용하여 해당 속성을 설정합니다.

    • DataBinding 대화 상자를 사용하여 데이터를 속성에 바인딩합니다. 자세한 내용은 ASP.NET 모바일 컨트롤과 함께 데이터 바인딩 사용을 참조하십시오.

    • 포함된 컨트롤을 두 번 클릭하여 컨테이너 컨트롤에 대한 ItemCommand 이벤트 처리기를 만듭니다. 포함된 컨트롤에 의해 발생된 이벤트는 컨테이너로 전송됩니다. 자세한 내용은 ASP.NET 웹 서버 컨트롤 이벤트 모델을 참조하십시오.

  5. 1단계부터 3단계까지 반복하여 다른 템플릿을 편집합니다.

  6. 마치려면 작업 목록에서 템플릿 편집 끝내기를 클릭합니다.

  7. 스타일 속성을 설정하여 각 템플릿의 모양을 설정합니다. 자세한 내용은 ASP.NET 웹 서버 컨트롤 및 CSS 스타일을 참조하십시오.

표시: