方法 : ASP.NET Web サーバー コントロールのテンプレートを宣言によって作成する

更新 : 2007 年 11 月

Repeater、DataList、および GridView の各 Web サーバー コントロールでは、テンプレートを指定できます。これは、コントロールの特定の部分のレイアウトを定義する HTML 要素です。たとえば、GridView コントロールでは、項目、選択された項目、交互の項目などに対してテンプレートを定義して、各要素に独自の外観を与えることができます。

メモ :
テンプレートに関する背景情報については、「ASP.NET Web サーバー コントロール テンプレート」を参照してください。

ASP.NET 構文を使用して Web サーバー コントロールのテンプレートを作成するには

1. 次の例のように、ASP.NET ページで、作成するテンプレートを識別するための要素をコントロールに挿入します。

   <asp:DataList id="DataList1" runat="server">
     <ItemTemplate>
   
     </ItemTemplate>
   </asp:DataList>
   

   <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>
   

   <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、Item、および Separator の各テンプレートに対して宣言された簡単なテンプレートを含む DataList Web サーバー コントロールの完全な宣言の例を次に示します。

   <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>
   

   <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>
   

参照

概念

ASP.NET Web サーバー コントロール テンプレート

ASP.NET Web サーバー コントロールの概要