방법: 선언적으로 ASP.NET 웹 컨트롤 템플릿 만들기

  • 아티클

업데이트: 2007년 11월

Repeater, DataList 및 GridView 컨트롤과 같은 웹 서버 컨트롤을 사용하면 컨트롤의 특정 부분에 대한 레이아웃을 정의하는 HTML 요소인 템플릿을 지정할 수 있습니다. 예를 들어 GridView 컨트롤에서는 이러한 각 요소의 모양을 사용자 지정할 수 있도록 항목, 선택한 항목, 교대로 반복되는 항목 등에 대한 템플릿을 정의할 수 있습니다.

참고:

템플릿에 대한 배경 정보를 보려면 ASP.NET 웹 서버 컨트롤 템플릿을 참조하십시오.

ASP.NET 구문을 사용하여 웹 서버 컨트롤 템플릿을 만들려면

  1. 다음 예제와 같이 ASP.NET 페이지에서 컨트롤 내부에 요소를 삽입하여 현재 만들고 있는 템플릿을 확인합니다.

    <asp:DataList id="DataList1" >
  <ItemTemplate>

  </ItemTemplate>
</asp:DataList>

    <asp:DataList id="DataList1" >
  <ItemTemplate>

  </ItemTemplate>
</asp:DataList>

  2. 템플릿 요소 내부에 HTML 텍스트와 기타 컨트롤을 템플릿 내용으로 추가합니다. 다음 예제와 같이 일반 구문을 사용하여 포함 컨트롤의 속성 및 데이터 바인딩 값을 포함시킵니다.

    <asp:DataList id="DataList3" >
   <ItemTemplate>
    Name: <asp:Label ID="Label2"  
    Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'/>
   </ItemTemplate>
</asp:DataList>

    <asp:DataList id="DataList3" >
   <ItemTemplate>
    Name: <asp:Label ID="Label2"  
    Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'/>
   </ItemTemplate>
</asp:DataList>

  3. 만들려는 각 템플릿에 대해 1단계와 2단계를 반복합니다.

    다음 예제에서는 Header, Item 및 Separator 템플릿에 대해 단순 템플릿이 선언된 DataList 웹 서버 컨트롤의 전체 선언을 보여 줍니다.

    <asp:datalist id="DataList2"  >
   <HeaderTemplate>
   Items matching your query: 
   </HeaderTemplate>
   <ItemTemplate>
   Name: <asp:Label id="Label1"  
     Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'></asp:Label>
   </ItemTemplate>
   <SeparatorTemplate>
     <br /><hr />
   </SeparatorTemplate>
</asp:datalist>

    <asp:datalist id="DataList2"  >
   <HeaderTemplate>
   Items matching your query: 
   </HeaderTemplate>
   <ItemTemplate>
   Name: <asp:Label id="Label1"  
     Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'></asp:Label>
   </ItemTemplate>
   <SeparatorTemplate>
     <br /><hr />
   </SeparatorTemplate>
</asp:datalist>

참고 항목

개념

ASP.NET 웹 서버 컨트롤 템플릿

ASP.NET 웹 서버 컨트롤 개요