📄 aspnet_repeater.asp
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ASP.NET The Repeater Control</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" type="text/css" href="../stdtheme.css" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<a name="top"></a>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" align="left" class="right">
<iframe style="background-color:#808080" src="../banners/bannerframe.asp@adpartner=dundas" height="90" width="728"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<br /></th>
</tr>
</table>
<table style="margin-left:1px" width="800px" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="137" class="content" valign="top"><br />
<a class="left" href="../default.asp" target="_top">
<img src="../images/homeicon.gif" border="0" alt="home" /></a>
<a class="left" href="../default.asp" target="_top">
<b>HOME</b></a>
<br /><br />
<b>ASP.NET Tutorial</b>
<br />
<a class="left" target="_top" href="default.asp" >.NET HOME</a><br />
<a class="left" target="_top" href="aspnet_intro.asp" >.NET Intro</a><br />
<a class="left" target="_top" href="aspnet_vsasp.asp" >.NET vs ASP</a><br />
<a class="left" target="_top" href="aspnet_install.asp" >.NET Install</a><br />
<a class="left" target="_top" href="aspnet_pages.asp" >.NET Pages</a><br />
<a class="left" target="_top" href="aspnet_controls.asp" >.NET Controls</a><br />
<a class="left" target="_top" href="aspnet_events.asp" >.NET Events</a><br />
<br />
<b>ASP.NET Forms</b><br />
<a class="left" target="_top" href="aspnet_forms.asp" >.NET Forms</a><br />
<a class="left" target="_top" href="aspnet_viewstate.asp" >.NET ViewState</a><br />
<a class="left" target="_top" href="aspnet_textbox.asp" >asp:TextBox</a><br />
<a class="left" target="_top" href="aspnet_button.asp" >asp:Button</a><br />
<br />
<b>ASP.NET Binding</b><br />
<a class="left" target="_top" href="aspnet_databinding.asp" >Data Binding</a><br />
<a class="left" target="_top" href="aspnet_arraylist.asp" >ArrayList</a><br />
<a class="left" target="_top" href="aspnet_hashtable.asp" >Hashtable</a><br />
<a class="left" target="_top" href="aspnet_sortedlist.asp" >SortedList</a><br />
<a class="left" target="_top" href="aspnet_xml.asp" >XML Files</a><br />
<a class="left" target="_top" href="aspnet_repeater.asp" style='font-weight:bold;'>asp:Repeater</a><br />
<a class="left" target="_top" href="aspnet_datalist.asp" >asp:DataList</a><br />
<br />
<b>ASP.NET Database</b><br />
<a class="left" target="_top" href="aspnet_dbconnection.asp" >.NET DB Connection</a><br />
<br />
<b>ASP.NET 2.0</b><br />
<a class="left" target="_top" href="aspnet_newfeatures.asp" >2.0 New Features</a><br />
<a class="left" target="_top" href="aspnet_masterpages.asp" >2.0 Master Pages</a><br />
<a class="left" target="_top" href="aspnet_navigation.asp" >2.0 Navigation</a><br />
<br />
<b>References</b><br />
<a class="left" target="_top" href="aspnet_refhtmlcontrols.asp" >HTML Controls</a><br />
<a class="left" target="_top" href="aspnet_refwebcontrols.asp" >Web Controls</a><br />
<a class="left" target="_top" href="aspnet_refvalidationcontrols.asp" >Validation Controls</a><br />
<br />
<b>Examples</b><br />
<a class="left" target="_top" href="aspnet_examples.asp" >ASP.NET Examples</a><br />
<br />
<b>Selected Reading</b><br />
<a class="left" target="_top" href="../browsers/browsers_stats.asp">Web Statistics</a><br />
<a class="left" target="_top" href="../site/site_glossary.asp">Web Glossary</a><br />
<a class="left" target="_top" href="../hosting/default.asp">Web Hosting</a><br />
<a class="left" target="_top" href="../quality/default.asp">Web Quality</a><br /><br />
<a class="left" target="_top" href="../forum/default.asp">W3Schools Forum</a><br /><br />
<a class="left" target="_top" href="../about/about_helping.asp">Helping W3Schools</a><br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*LeftLinkUnit*/
google_ad_slot = "4854527104";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td valign="top">
<table style="border: 1px solid gray" width="100%" bgcolor="#FFFFFF" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<h1>ASP.NET - The Repeater Control</h1>
<a href="aspnet_xml.asp"><img alt="previous" border="0" src="../images/btn_previous.gif" /></a>
<a href="aspnet_datalist.asp"><img alt="next" border="0" src="../images/btn_next.gif" /></a>
<hr />
<p class="intro">The Repeater control is used to display a repeated list of items that are bound to
the control.</p>
<hr />
<h2>Examples</h2>
<p><a target="_blank" href="showasp.asp@filename=demo_repeater1">Repeater control</a></p>
<p><a target="_blank" href="showasp.asp@filename=demo_repeater2">Repeater control with <AlternatingItemTemplate></a></p>
<p><a target="_blank" href="showasp.asp@filename=demo_repeater3">Repeater control with <SeparatorTemplate></a></p>
<hr />
<h2>Bind a DataSet to a Repeater Control</h2>
<p>The Repeater control is used to display a repeated list of items that are bound to
the control. The Repeater control may be bound to a database
table, an XML file, or another list of items. Here we will show how to bind an
XML file to a Repeater control.</p>
<p>We will use the following XML file in our examples ("cdcatalog.xml"):</p>
<table class="ex" border="1" width="100%">
<tr><td>
<pre><?xml version="1.0" encoding="ISO-8859-1"?></pre>
<pre><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></pre>
</td></tr>
</table>
<p>Take a look at the XML file: <a target="_blank" href="cdcatalog.xml">cdcatalog.xml</a></p>
<p>First, import the "System.Data"
namespace. We need this namespace to work with DataSet objects. Include the
following directive at the top of an .aspx page:</p>
<table class="ex" border="1" width="100%">
<tr><td>
<pre><%@ Import Namespace="System.Data" %></pre>
</td></tr>
</table>
<p>Next, create a DataSet for the XML file and load the XML file into the DataSet when the page is first loaded:</p>
<table class="ex" border="1" width="100%">
<tr><td>
<pre><script runat="server">
sub Page_Load
if Not Page.IsPostBack then
dim mycdcatalog=New DataSet
mycdcatalog.ReadXml(MapPath("cdcatalog.xml"))
end if
end sub</pre>
</td></tr>
</table>
<p>Then we create a Repeater control in an .aspx page. The contents of the <HeaderTemplate>
element are rendered first and only once within the output, then the contents of the <ItemTemplate>
element are repeated for each
"record" in the DataSet, and last, the contents of the <FooterTemplate>
element are rendered once within the output:</p>
<table class="ex" border="1" width="100%">
<tr><td>
<pre><html>
<body></pre>
<pre><form runat="server">
<asp:Repeater id="cdcatalog" runat="server"></pre>
<pre><HeaderTemplate>
...
</HeaderTemplate></pre>
<pre><ItemTemplate>
...
</ItemTemplate></pre>
<pre><FooterTemplate>
...
</FooterTemplate></pre>
<pre></asp:Repeater>
</form></pre>
<pre></body>
</html></pre>
</td></tr>
</table>
<p>Then we add the script that creates the DataSet and binds the mycdcatalog
DataSet to the Repeater control. We also fill the Repeater control with HTML
tags and bind the data items to the cells in the<ItemTemplate> section with the
<%#Container.DataItem("fieldname")%> method:</p>
<table class="ex" border="1" width="100%">
<tr><td>
<pre><%@ Import Namespace="System.Data" %></pre>
<pre><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></pre>
<pre><html>
<body></pre>
<pre><form runat="server">
<asp:Repeater id="cdcatalog" runat="server"></pre>
<pre><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></pre>
<pre><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></pre>
<pre><FooterTemplate>
</table>
</FooterTemplate></pre>
<pre></asp:Repeater>
</form></pre>
<pre></body>
</html></pre>
</td></tr>
</table>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -