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

Visual Studio 2010

업데이트: 2007년 11월

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

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

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

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

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

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

    <asp:DataList id="DataList3" runat="server">
       <ItemTemplate>
        Name: <asp:Label ID="Label2" runat="server" 
        Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'/>
       </ItemTemplate>
    </asp:DataList>
    
    
    
  3. 만들려는 각 템플릿에 대해 1단계와 2단계를 반복합니다.

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

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