элементы управления ASP.NET DataList
DataList управления, аналогично управлению повторителя, используется для повтора списка Показать Bindings пункты этого элемента управления. Тем не менее, DataList управления по умолчанию будет добавить таблицу к элементу данных.
Bind DataSet для управления DataList
DataList управления, аналогично управлению повторителя, используется для повтора списка Показать Bindings пункты этого элемента управления. Тем не менее, DataList управления по умолчанию будет добавить таблицу к элементу данных. DataList управления может быть связан с базой данных таблицы, XML-файла или другого списка элементов. Здесь мы покажем, как связать файл XML к элементу управления DataList.
В нашем примере мы будем использовать следующий XML-документ ( "cdcatalog.xml"):
<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:
Затем создайте DataSet для файла XML, и при первой загрузке страницы этот XML-файл загрузки DataSet:
sub Page_Load
if Not Page.IsPostBack then
dim mycdcatalog=New DataSet
mycdcatalog.ReadXml(MapPath("cdcatalog.xml"))
end if
end sub
Затем мы создаем элемент управления DataList в странице .aspx. <HeaderTemplate> содержание элемента оказывается первым и только один раз в выходных данных, а <ItemTemplate> содержимое элемента, соответствующего DataSet каждый "запись" повторяется, и, наконец, <FooterTemplate> содержание элемента выход только один раз:
<body>
<form runat="server">
<asp:DataList id="cdcatalog" runat="server">
<HeaderTemplate>
...
</HeaderTemplate>
<ItemTemplate>
...
</ItemTemplate>
<FooterTemplate>
...
</FooterTemplate>
</asp:DataList>
</form>
</body>
</html>
Затем мы добавляем скрипт для создания набора данных, и связывает mycdcatalog DataSet с элементом управления DataList. Затем, содержащий заголовок <HeaderTemplate>, содержащий данные, которые будут отображаться элементы <ItemTemplate> и содержит текст <FooterTemplate> для заполнения элемента управления DataList. Обратите внимание, что вы можете установить DataList GridLines свойство "как", чтобы показать границы таблицы:
примеров
<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>
Демонстрация >>
Использование стилей
Вы можете также добавить стиль к элементу управления DataList, поэтому выход больше фантазии:
примеров
<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>
Демонстрация >>
Используйте <AlternatingItemTemplate>
Вы можете оставить элемент <ItemTemplate> к элементу <AlternatingItemTemplate> используется для описания внешнего вида чередующихся рядов продукции. Вы можете добавить стили к данным <AlternatingItemTemplate> DataList области управления в интерьере:
примеров
<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>
Демонстрация >>