ASP.NET Web Forms - Repeater 控件
ASP.NETRepeater控件是最原始的資料綁定控件,本節介紹了ASP.NET 資料綁定操作中Repeater 控件的用法。
Repeater 控制項用於顯示被綁定在該控制項上的項目的重複清單。
綁定DataSet 到Repeater 控件
Repeater 控制項用於顯示被綁定在該控制項上的項目的重複清單。 Repeater 控制項可綁定到資料庫表、XML 檔案或其他項目清單。在這裡,我們將示範如何綁定XML 檔案到Repeater 控制項。
在我們的實例中,我們將使用下面的XML 檔案("cdcatalog.xml"):
<?xml version="1.0" encoding="ISO-8859-1"?> <catalog> <cd> <title>Empire Burlesque</title> <artist>Bob Dylan</artist> <country>USA</country > <company>Columbia</company> <price>10.90</price> <year>1985</year> </cd> <cd> <title>Hide your heart</title> <artist>Bonnie Tyler</artist> <country>UK</country> <company>CBS Records</company> <price>9.90</price> <year>1988</ year> </cd> <cd> <title>Greatest Hits</title> <artist>Dolly Parton</artist> <country>USA</country> <company>RCA</company> <price>9.90</price> <year>1982</year> </cd> <cd> <title>Still got the blues</title> <artist>Gary Moore</artist > <country>UK</country> <company>Virgin records</company> <price>10.20</price> <year>1990</year> </cd> <cd> <title>Eros</title> <artist>Eros Ramazzotti</artist> <country>EU</country> <company>BMG</company> <price>9.90</price> <year>1997</ year> </cd> </catalog>查看這個XML 檔:cdcatalog.xml
首先,導入"System.Data" 命名空間。我們需要該命名空間與DataSet 物件一起工作。 把下面這條指令包含在.aspx 頁面的頂端:
<%@ Import Namespace="System.Data" %>接著,為XML 檔案建立一個DataSet,並在頁面第一次載入時把這個XML 檔案載入DataSet:
<script runat="server"> sub Page_Load if Not Page.IsPostBack then dim mycdcatalog=New DataSet mycdcatalog.ReadXml(MapPath("cdcatalog.xml")) end if end sub然後我們在.aspx 頁面中建立一個Repeater 控制項。 <HeaderTemplate> 元素中的內容被先呈現,並且在輸出中僅出現一次,而<ItemTemplate> 元素中的內容會對應DataSet 中的每個"record" 重複出現,最後,<FooterTemplate> 元素中的內容在輸出中僅出現一次:
<html> <body> <form runat="server"> <asp:Repeater id="cdcatalog" runat="server"> <HeaderTemplate> ... </HeaderTemplate> <ItemTemplate> ... </ItemTemplate> < FooterTemplate> ... </FooterTemplate> </asp:Repeater> </form> </body> </html>然後我們新增建立DataSet 的腳本,並且綁定mycdcatalog DataSet 到Repeater 控制項。然後使用HTML 標籤來填充Repeater 控件,並透過<%#Container.DataItem("fieldname")%> 綁定資料項目到<ItemTemplate> 區域內的單元格中:
實例
<%@ Import Namespace="System.Data" %> <script runat="server"> sub Page_Load if Not Page.IsPostBack then dim mycdcatalog=New DataSet mycdcatalog.ReadXml(MapPath("cdcatalog.xml"))Source cdcatalog.ReadXml(MapPath("cdcatalog.xml"))Source cdcatalog. =mycdcatalog cdcatalog.DataBind() end if end sub </script> <html> <body> <form runat="server"> <asp:Repeater id="cdcatalog" runat="server"> <HeaderTemplate> <table> <tr> <th>Title</th> <th>Artist </th> <th>Country</th> <th>Company</th> <th>Price</th> <th>Year</th> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td><%#Container.DataItem("title")%></td> <td><%#Container.DataItem("artist")%></td> <td><%#Container.DataItem( "country")%></td> <td><%#Container.DataItem("company")%></td> <td><%#Container.DataItem("price")%></td> <td><%#Container.DataItem("year")%></td> </tr> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> </form> < /body> </html>提示:有關HTML 標籤的知識,您可以參考本站的《HTML 參考手冊》!
使用<AlternatingItemTemplate>
您可以在<ItemTemplate> 元素後面加上<AlternatingItemTemplate> 元素,用來描述輸出中交替行的外觀。在下面的實例中,表格每隔一行就會顯示為淺灰色的背景:
實例
<%@ Import Namespace="System.Data" %> <script runat="server"> sub Page_Load if Not Page.IsPostBack then dim mycdcatalog=New DataSet mycdcatalog.ReadXml(MapPath("cdcatalog.xml"))Source cdcatalog.ReadXml(MapPath("cdcatalog.xml"))Source cdcatalog. =mycdcatalog cdcatalog.DataBind() end if end sub </script> <html> <body> <form runat="server"> <asp:Repeater id="cdcatalog" runat="server"> <HeaderTemplate> <table> <tr> <th>Title</th> <th>Artist </th> <th>Country</th> <th>Company</th> <th>Price</th> <th>Year</th> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td><%#Container.DataItem("title")%></td> <td><%#Container.DataItem("artist")%></td> <td><%#Container.DataItem( "country")%></td> <td><%#Container.DataItem("company")%></td> <td><%#Container.DataItem("price")%></td> <td><%#Container.DataItem("year")%></td> </tr> </ItemTemplate> <AlternatingItemTemplate> <tr bgcolor="#e8e8e8"> <td><%#Container.DataItem( "title")%></td> <td><%#Container.DataItem("artist")%></td> <td><%#Container.DataItem("country")%></td> <td><%#Container.DataItem("company")%></td> <td><%#Container.DataItem( "price")%></td> <td><%#Container.DataItem("year")%></td> </tr> </AlternatingItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> </form> </body> </html>使用<SeparatorTemplate>
<SeparatorTemplate> 元素用於描述每個記錄之間的分隔符號。在下面的實例中,每個表格行之間插入了一條水平線:
實例
<%@ Import Namespace="System.Data" %> <script runat="server"> sub Page_Load if Not Page.IsPostBack then dim mycdcatalog=New DataSet mycdcatalog.ReadXml(MapPath("cdcatalog.xml"))Source cdcatalog.ReadXml(MapPath("cdcatalog.xml"))Source cdcatalog. =mycdcatalog cdcatalog.DataBind() end if end sub </script> <html> <body> <form runat="server"> <asp:Repeater id="cdcatalog" runat="server"> <HeaderTemplate> <table> <tr> <th>Title</th> <th>Artist </th> <th>Country</th> <th>Company</th> <th>Price</th> <th>Year</th> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td><%#Container.DataItem("title")%></td> <td><%#Container.DataItem("artist")%></td> <td><%#Container.DataItem( "country")%></td> <td><%#Container.DataItem("company")%></td> <td><%#Container.DataItem("price")%></td> <td><%#Container.DataItem("year")%></td> </tr> </ItemTemplate> <SeparatorTemplate> <tr> <td colspan="6"><hr /></td> </tr> </SeparatorTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> </form> </body> </html>以上就是ASP.NETRepeater控制項的使用介紹。