ASP.NET Datalist-Steuerelemente
Datalist-Steuerelement, ähnlich dem Repeater-Steuerelement, verwendet, um die Liste Bindungen anzeigen Artikel auf dieser Kontrolle wiederholen. Datalist-Steuerelement wird jedoch standardmäßig eine Tabelle zu dem Datenelement hinzuzufügen.
Bind Datensatz an die Datalist-Steuerelement
Datalist-Steuerelement, ähnlich dem Repeater-Steuerelement, verwendet, um die Liste Bindungen anzeigen Artikel auf dieser Kontrolle wiederholen. Datalist-Steuerelement wird jedoch standardmäßig eine Tabelle zu dem Datenelement hinzuzufügen. Datalist-Steuerelement kann zu einer Datenbanktabelle, XML-Datei oder eine andere Liste der Elemente gebunden werden. Hier werden wir zeigen, wie eine XML-Datei in ein Datalist-Steuerelement zu binden.
In unserem Beispiel werden wir das folgende XML-Dokument ( "cdcatalog.xml") verwenden:
<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:
Als nächstes wird ein Datensatz für die XML-Datei zu erstellen, und wenn die Seite geladen wird DataSet diese XML-Datei laden:
sub Page_Load
if Not Page.IsPostBack then
dim mycdcatalog=New DataSet
mycdcatalog.ReadXml(MapPath("cdcatalog.xml"))
end if
end sub
Dann erstellen wir ein Datalist-Steuerelement in einer ASPX-Seite. <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:
<body>
<form runat="server">
<asp:DataList id="cdcatalog" runat="server">
<HeaderTemplate>
...
</HeaderTemplate>
<ItemTemplate>
...
</ItemTemplate>
<FooterTemplate>
...
</FooterTemplate>
</asp:DataList>
</form>
</body>
</html>
Dann fügen wir das Skript ein DataSet zu erstellen, und bindet mycdcatalog Datensatz an die Datalist-Steuerelement. Dann enthält Header <Header>, die die Daten enthält Elemente angezeigt <ItemTemplate> und enthalten Text <FooterTemplate> die Datalist-Steuerelement zu füllen. Beachten Sie, dass die Datalist-Eigenschaft können Gitternetzlinien auf "beide" Tabellenrahmen zu zeigen:
Beispiele
<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:DataList id="cdcatalog"
gridlines="both" runat="server">
<HeaderTemplate>
My CD Catalog
</HeaderTemplate>
<ItemTemplate>
"<%#Container.DataItem("title")%>" of
<%#Container.DataItem("artist")%> -
$<%#Container.DataItem("price")%>
</ItemTemplate>
<FooterTemplate>
Copyright Hege Refsnes
</FooterTemplate>
</asp:DataList>
</form>
</body>
</html>
Die Demonstration >>
Stile
Sie können auch Stil, um die Datalist-Steuerelement hinzufügen, so dass eine Ausgabe mehr Phantasie ist:
Beispiele
<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:DataList id="cdcatalog"
runat="server"
cellpadding="2"
cellspacing="2"
borderstyle="inset"
backcolor="#e8e8e8"
width="100%"
headerstyle-font-name="Verdana"
headerstyle-font-size="12pt"
headerstyle-horizontalalign="center"
headerstyle-font-bold="true"
itemstyle-backcolor="#778899"
itemstyle-forecolor="#ffffff"
footerstyle-font-size="9pt"
footerstyle-font-italic="true">
<HeaderTemplate>
My CD Catalog
</HeaderTemplate>
<ItemTemplate>
"<%#Container.DataItem("title")%>" of
<%#Container.DataItem("artist")%> -
$<%#Container.DataItem("price")%>
</ItemTemplate>
<FooterTemplate>
Copyright Hege Refsnes
</FooterTemplate>
</asp:DataList>
</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. Sie können Stile auf die Daten <AlternatingItemTemplate> DataList- Steuerbereich im Inneren hinzu:
Beispiele
<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:DataList id="cdcatalog"
runat="server"
cellpadding="2"
cellspacing="2"
borderstyle="inset"
backcolor="#e8e8e8"
width="100%"
headerstyle-font-name="Verdana"
headerstyle-font-size="12pt"
headerstyle-horizontalalign="center"
headerstyle-font-bold="True"
itemstyle-backcolor="#778899"
itemstyle-forecolor="#ffffff"
alternatingitemstyle-backcolor="#e8e8e8"
alternatingitemstyle-forecolor="#000000"
footerstyle-font-size="9pt"
footerstyle-font-italic="True">
<HeaderTemplate>
My CD Catalog
</HeaderTemplate>
<ItemTemplate>
"<%#Container.DataItem("title")%>" of
<%#Container.DataItem("artist")%> -
$<%#Container.DataItem("price")%>
</ItemTemplate>
<AlternatingItemTemplate>
"<%#Container.DataItem("title")%>" of
<%#Container.DataItem("artist")%> -
$<%#Container.DataItem("price")%>
</AlternatingItemTemplate>
<FooterTemplate>
© Hege Refsnes
</FooterTemplate>
</asp:DataList>
</form>
</body>
</html>
Die Demonstration >>