ASP.NET Web Formları - Yineleyici Kontrolü

Repeater denetimi denetime bağlı öğelerin bir tekrarlanan listesini görüntülemek için kullanılır.

Repeater denetimi için bir DataSet bağlayın

Repeater denetimi denetime bağlı öğelerin bir tekrarlanan listesini görüntülemek için kullanılır. Repeater denetimi bir veritabanı tablosu, bir XML dosyası veya öğelerin başka bir listeye bağlı olabilir. Burada bir Repeater denetimi için bir XML dosyası bağlamak nasıl gösterecektir.

Bizim örneklerde aşağıdaki XML dosyası kullanır ("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 dosyasına bir göz atın: cdcatalog.xml

İlk olarak, ithal "System.Data" ad. Biz DataSet nesneleri ile çalışmak için bu ad gerekiyor. bir .aspx sayfanın en üstünde aşağıdaki yönergeyi ekleyin:

<%@ Import Namespace="System.Data" %>

Daha sonra, XML dosyası için bir DataSet oluşturmak ve sayfa ilk yüklendiğinde DataSet XML dosyası yüklemek:

Sonra bir .aspx sayfası Repeater denetimi oluşturun. Içeriği <HeaderTemplate> elemanı birinci oluşturulmuş ve sadece bir kez çıkış içinde, daha sonra içeriği <ItemTemplate> elemanı her biri için tekrar edilir "record" DataSet'te ve son, içeriği <FooterTemplate> elemanı vardır çıkış içinde bir kez render:

Sonra DataSet oluşturur ve Tekrarlayıcı kontrolüne mycdcatalog DataSet bağlar komut dosyasını ekleyin. Ayrıca HTML etiketleriyle Tekrarlayıcı kontrol doldurup <% # Kabı ile <ItemTemplate> bölümündeki hücrelere veri öğelerini bağlamak. DataItem("fieldname") %> yöntemi:

Örnek

<%@ 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>

»Örnek göster

Kullanımı <AlternatingItemTemplate>

Bir ekleyebilir <AlternatingItemTemplate> sonra elemanını <ItemTemplate> çıkış sıraları dönüşümlü görünümünü açıklamak için eleman. Aşağıdaki örnekte tablodaki her diğer sıra açık gri bir renkte gösterilir:

Örnek

<%@ 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>

»Örnek göster

Kullanımı <SeparatorTemplate>

<SeparatorTemplate> elemanı her kayıt arasında bir ayırıcı tarif etmek için kullanılabilir. Aşağıdaki örnek, her tablo satır arasında yatay bir çizgi:

Örnek

<%@ 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>

»Örnek göster

❮ Önceki Sonraki Bölüm ❯

ASP.NET Eğitimi

WP Eğitimi

WP Referanslar

ASP.NET Razor

ASP.NET MVC

WF Öğreticiler

ASP.NET Web Formları - Yineleyici Kontrolü

Repeater denetimi için bir DataSet bağlayın

Örnek

Kullanımı <AlternatingItemTemplate>

Örnek

Kullanımı <SeparatorTemplate>

Örnek