HOW TO：以宣告方式建立 ASP.NET Web 控制項樣板

更新：2007 年 11 月

Repeater、DataList 和 GridView 之類的 Web 伺服器控制項，可以讓您指定範本，這些範本是定義控制項特定部分之配置的 HTML 項目。例如，在 GridView 控制項中，您可以定義項目、選取項目、替代項目等的範本，使這些項目都可以有自訂外觀。

注意事項：
如需範本的背景資訊，請參閱 ASP.NET Web 伺服器控制項樣板

若要使用 ASP.NET 語法建立 Web 伺服器控制項範本

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。

   下列程式碼範例示範 DataList Web 伺服器控制項的完整宣告，並附上針對 Header、Item 和 Separator 樣板所宣告的簡單樣板。

   <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 Web 伺服器控制項樣板

ASP.NET Web 伺服器控制項概觀