Das beste ASP.NET Repeater-Steuerelement-Tutorial im Jahr 2024. In diesem Tutorial können Sie
Bind DataSet an den Repeater-Steuerelement,Beispiele,Mit <AlternatingItemTemplate>,Beispiele,Mit <SeparatorTemplate>,Beispiele, lernen
ASP.NET Repeater-Steuerelement
Repeater Steuerungsliste gebunden ist, das Steuerprogramm für die Anzeige zu wiederholen.
Bind DataSet an den Repeater-Steuerelement
Repeater Steuerungsliste gebunden ist, das Steuerprogramm für die Anzeige zu wiederholen. Der Repeater kann die Steuerung einer Datenbanktabelle, XML-Datei oder eine andere Liste der Elemente gebunden werden. Hier werden wir zeigen, wie eine XML-Datei an einen Repeater-Steuerelement zu binden.
In unserem Beispiel werden wir das folgende XML-Dokument ( "cdcatalog.xml") verwenden:
<?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>
Überprüfen Sie die XML - Datei: cdcatalog.xml
Zunächst importieren Sie die "System.Data" Namespace. Wir brauchen diesen Namensraum mit DataSet Objekten zu arbeiten. Die folgende Anweisung ist in der Spitze der ASPX-Seite enthalten:
<%@ Import Namespace="System.Data" %>
Als nächstes wird ein Datensatz für die XML-Datei zu erstellen, und wenn die Seite geladen wird DataSet diese XML-Datei laden:
<script runat="server">
sub Page_Load
if Not Page.IsPostBack then
dim mycdcatalog=New DataSet
mycdcatalog.ReadXml(MapPath("cdcatalog.xml"))
end if
end sub
Dann haben wir ein Repeater-Steuerelement in einer ASPX-Seite erstellen. <Header> Elementinhalt gemacht wird zuerst und nur einmal in der Ausgabe und <ItemTemplate> Elementgehalte auf das DataSet entsprechenden jeden "Record" wird wiederholt, und schließlich <FooterTemplate> Elementinhalt Ausgang gibt es nur einmal:
<html>
<body>
<form runat="server">
<asp:Repeater id="cdcatalog" runat="server">
<HeaderTemplate>
de.
</HeaderTemplate>
<ItemTemplate>
de.
</ItemTemplate>
<FooterTemplate>
de.
</FooterTemplate>
</asp:Repeater>
</form>
</body>
</html>
Dann fügen wir das Skript ein DataSet zu erstellen, und bindet mycdcatalog DataSet an den Repeater-Steuerelement. Dann HTML-Tags verwenden, um den Repeater-Steuerelement zu füllen, und von <% # Container.DataItem ( "Feldname")%>, um Datenelement binden <ItemTemplate> Bereich Zelle:
Beispiele
<%@ 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>
Die Demonstration >>
Mit <AlternatingItemTemplate>
Sie können schreiben <ItemTemplate> Element <AlternatingItemTemplate> Element verwendet wird, das Auftreten von abwechselnden Reihen von Ausgabe zu beschreiben. In dem folgenden Beispiel wird die Tabelle jede zweite Zeile als einem hellgrauen Hintergrund angezeigt:
Beispiele
<%@ 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>
Die Demonstration >>
Mit <SeparatorTemplate>
<SeparatorTemplate> Element wird verwendet, um einen Separator zwischen jedem Datensatz zu beschreiben. Im folgenden Beispiel wird jeder Tisch zwischen einer horizontalen Linie eingefügt:
Beispiele
<%@ 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>
Die Demonstration >>