<asp:SqlDataSource ID="SqlDataSource1" 
 SelectCommand="SELECT * FROM [Products]"
 ConnectionString="<%$ ConnectionStrings:NorthwindConnection %>"
 RunAt="server">
</asp:SqlDataSource>

<asp:FormView ID="FormView1"
 DataSourceID="SqlDataSource1"
 DataKeyNames="ProductID"   
 Runat="server">
</asp:FormView>

<asp:FormView ID="FormView1"
 DataSourceID="SqlDataSource1"
 DataKeyNames="ProductID"   
 RunAt="server">

 <ItemTemplate>
  <table>
   <tr><td align="right"><b>Product ID:</b></td>    <td><%# Eval("ProductID") %></td></tr>
   <tr><td align="right"><b>Product Name:</b></td>   <td><%# Eval("ProductName") %></td></tr>
   <tr><td align="right"><b>Category ID:</b></td>   <td><%# Eval("CategoryID") %></td></tr>
   <tr><td align="right"><b>Quantity Per Unit:</b></td><td><%# Eval("QuantityPerUnit") %></td></tr>
   <tr><td align="right"><b>Unit Price:</b></td>    <td><%# Eval("UnitPrice") %></td></tr>
  </table>         
 </ItemTemplate>         
</asp:FormView>

<asp:SqlDataSource ID="SqlDataSource1" Runat="server" 
 SelectCommand="SELECT CustomerID, CompanyName FROM Customers"
 ConnectionString="<%$ 
  ConnectionStrings:NorthwindConnectionString %>">
</asp:SqlDataSource>

有關(guān)如何將 SqlDataSource 控件用于數(shù)據(jù)庫的更多信息，請參見 SqlDataSource Web 服務(wù)器控件概述。
2.從工具箱的“數(shù)據(jù)”組中，將 DataList 控件拖動到頁面上。
出現(xiàn)“DataList 任務(wù)”快捷菜單。
如果“DataList 任務(wù)”快捷菜單沒有出現(xiàn)，右擊 DataList 控件，再單擊“顯示智能標(biāo)記”。
3.在“選擇數(shù)據(jù)源”列表中，單擊在步驟 1 中創(chuàng)建的 SqlDataSource 控件。
當(dāng)呈現(xiàn)該頁時，該控件會顯示來自未自定義的查詢的所有列和數(shù)據(jù)。根據(jù)數(shù)據(jù)的不同，顯示的 DataList 控件將帶有默認(rèn)綁定字段，如下面的代碼示例所示：

<asp:DataList ID="DataList1" runat="server" 
  DataKeyField="CustomerID" 
  DataSourceID="SqlDataSource1">
 <ItemTemplate>
  CustomerID:
  <asp:Label ID="CustomerIDLabel" runat="server" 
    Text='<%# Eval("CustomerID") %>'>
  </asp:Label><br />
  CompanyName:
  <asp:Label ID="CompanyNameLabel" runat="server" 
    Text='<%# Eval("CompanyName") %>'>
  </asp:Label><br />
  <br />
 </ItemTemplate>
</asp:DataList>

編輯控件的模板
1.在“設(shè)計(jì)”視圖中右擊 DataList 控件，再單擊“顯示智能標(biāo)記”。
2.在“DataList 任務(wù)”菜單上單擊“編輯模板”。
現(xiàn)在可以在設(shè)計(jì)器中編輯模板。可以將其他控件拖動到模板上以便以后進(jìn)行綁定。
3.在“顯示”列表中單擊“AlternatingItemTemplate”（不同的控件支持不同的模板）。
4.在 AlternatingItemTemplate 設(shè)計(jì)空間中鍵入 CustomerID:，然后從“工具箱”的“標(biāo)準(zhǔn)”組中將一個 T:System.Web.UI.WebControls.Label 控件拖動到 DataList 控件上。
5.在“Label 任務(wù)”菜單上單擊“編輯數(shù)據(jù)綁定”。
6.在“標(biāo)簽名 數(shù)據(jù)綁定”對話框中的“可綁定屬性”下，單擊“Text”。
7.在“綁定到”列表中的“文本的綁定”下單擊“CustomerID”。
8.為 CompanyName 重復(fù)第 4 步到第 7 步。
9.在“AlternatingItemTemplate”設(shè)計(jì)空間中，選擇所有內(nèi)容，然后按 Ctrl+B 將文本更改為粗體。
10.右擊 DataList 控件，然后單擊“顯示智能標(biāo)記”。
11.單擊“結(jié)束模板編輯”退出模板編輯模式。
當(dāng)該頁在瀏覽器中顯示時，公司列表會交替顯示為純文本和粗體文本。