ASP.NET Repeater 控件

asp.net web forms - repeater 控件

repeater 控件用于顯示被綁定在該控件上的項目的重復列表。

綁定 dataset 到 repeater 控件

repeater 控件用于顯示被綁定在該控件上的項目的重復列表。repeater 控件可被綁定到數(shù)據(jù)庫表、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 文件創(chuàng)建一個 dataset，并在頁面第一次加載時把這個 xml 文件載入 dataset：

然后我們在 .aspx 頁面中創(chuàng)建一個 repeater 控件。<headertemplate> 元素中的內(nèi)容被首先呈現(xiàn)，并且在輸出中僅出現(xiàn)一次，而 <itemtemplate> 元素中的內(nèi)容會對應 dataset 中的每條 "record" 重復出現(xiàn)，最后，<footertemplate> 元素中的內(nèi)容在輸出中僅出現(xiàn)一次：

然后我們添加創(chuàng)建 dataset 的腳本，并且綁定 mycdcatalog dataset 到 repeater 控件。然后使用 html 標簽來填充 repeater 控件，并通過 <%#container.dataitem("fieldname")%> 綁定數(shù)據(jù)項目到 <itemtemplate> 區(qū)域內(nèi)的單元格中：

實例

<%@ import namespace="system.data" %>

<script runat="server">
sub page_load
if not page.ispostback then
dim mycdcatalog=new dataset
mycdcatalog.readxml(mappath("cdcatalog.xml"))
cdcatalog.datasource=mycdcatalog
cdcatalog.databind()
end if
end sub
</script>

<html>
<body>

<form runat="server">
<asp:repeater id="cdcatalog" runat="server">

<headertemplate>
<table border="1" width="100%">
<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>

使用 <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"))
cdcatalog.datasource=mycdcatalog
cdcatalog.databind()
end if
end sub
</script>

<html>
<body>

<form runat="server">
<asp:repeater id="cdcatalog" runat="server">

<headertemplate>
<table border="1" width="100%">
<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"))
cdcatalog.datasource=mycdcatalog
cdcatalog.databind()
end if
end sub
</script>

<html>
<body>

<form runat="server">
<asp:repeater id="cdcatalog" runat="server">

<headertemplate>
<table border="0" width="100%">
<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>

相關(guān)文章

ASP實戰(zhàn)