當(dāng)前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

ASP.NET-----Repeater数据控件的用法总结

發(fā)布時(shí)間：2025/6/15 asp.net 34 豆豆

生活随笔收集整理的這篇文章主要介紹了 ASP.NET-----Repeater数据控件的用法总结小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

一、Repeater控件的用法流程及實(shí)例：

1、首先建立一個(gè)網(wǎng)站，新建一個(gè)網(wǎng)頁index.aspx。

2、添加或者建立APP_Data數(shù)據(jù)文件，然后將用到的數(shù)據(jù)庫文件放到APP_Data文件夾中。

3、打開數(shù)據(jù)庫企業(yè)管理器，數(shù)據(jù)庫服務(wù)器為local（.），然后將APP_Data文件夾中的數(shù)據(jù)庫附加到數(shù)據(jù)庫服務(wù)器中。

4、添加Ling to? SQL類。

5、打開視圖，服務(wù)器資源管理器，右擊數(shù)據(jù)庫服務(wù)器，選擇添加連接，然后選擇數(shù)據(jù)庫服務(wù)器、數(shù)據(jù)庫類型，及數(shù)據(jù)庫表，然后完成。

6、將需要用到的表，全部選中，然后拖動到.dbml為后綴的文件中，然后保存。到這一步，數(shù)據(jù)表的附加及與網(wǎng)站的連接就完成了。

目標(biāo)：通過使用Repeater數(shù)據(jù)控件，讓數(shù)據(jù)表中的數(shù)據(jù)在表格中顯示。

1、添加樣式文件，然后在樣式文件中，書寫表格的樣式代碼。

2、在index.aspx的設(shè)計(jì)模式下，插入表格，通常插入兩行（一行為標(biāo)題行，一行為內(nèi)容行），因?yàn)镽epeater控件會自動循環(huán)的。然后在源代碼界面中，將剛插入的表格的第一行的單元格改為，標(biāo)題單元格，即將<td>改為<th>。

3、選中表格，然后選擇格式，然后選擇附加樣式表。接下來，需要將源代碼中的頭部中樣式代碼刪除，將行樣式刪除，并且書寫新建的樣式表中的類或這ID到表格中。

4、然后，將光標(biāo)放到table前面，雙擊repeater控件，這樣Repeater控件的代碼就添加到了Table代碼的前面，然后分別為Repeater控件添加頭部模版（<HeaderTemplate></HeaderTemplate>? ）、列表模版（<ItemTemplate></ItemTemplate>）和尾部模版（?<FooterTemplate>?</FooterTemplate>）。

注意：

頭部模版放置表格開始及第一行標(biāo)題行(<table><tr><th></th></tr>)；列表模版放置表格第二行(<tr></tr>)；尾部模版放置表個(gè)結(jié)束（</table>）。

插入表格時(shí)只需插入兩行即可，顯示數(shù)據(jù)時(shí)是根據(jù)數(shù)據(jù)庫表循環(huán)顯示的。項(xiàng)目模板，會進(jìn)行循環(huán)顯示，放置表格第二行。

5、然后在標(biāo)題行的單元格中書寫將要顯示的數(shù)據(jù)庫中字段的別名，在內(nèi)容行的單元格中書寫數(shù)據(jù)庫中的字段名，方式為：<td><%#Eval("數(shù)據(jù)庫字段名") %></td>

核心代碼為：

<body><form id="form1" runat="server"><div><asp:Repeater ID="Repeater1" runat="server"><HeaderTemplate><table class="ts"><tr><th>學(xué)號</th><th>姓名</th><th>性別</th><th>籍貫</th><th>年齡</th></tr></HeaderTemplate> <ItemTemplate><tr><td><%#Eval("number") %> </td><td><%#Eval("name")%> </td><td><%#Eval("sex")%> </td><td><%#Eval("place")%></td><td><%#Eval("age")%> </td></tr></ItemTemplate> <FooterTemplate></table> </FooterTemplate> </asp:Repeater></div></form> </body>

注意：

HTMl中插入其他代碼需要用<% %>括起來。

6、然后在index.aspx.cs的Page_Load（）事件中綁定數(shù)據(jù)源。

核心代碼為：

public partial class citynumber : System.Web.UI.Page {DataClassesDataContext dc = new DataClassesDataContext();protected void Page_Load(object sender, EventArgs e){var query = from c in dc.city select c;Repeater1.DataSource = query;Repeater1.DataBind();} }

7、運(yùn)行index.aspx頁面即可看到數(shù)據(jù)庫中各字段信息。

二、通過Table顯示數(shù)據(jù)庫中的字段時(shí)，為字段添加超鏈接。

1、新建兩個(gè)頁面，index.aspx 頁面和Cities.aspx頁面。

index.aspx頁面代碼：

<body><asp:Repeater ID="Repeater1" runat="server"><HeaderTemplate><table class="ts"><tr><th>省份名稱</th><th>省份編號</th></tr></HeaderTemplate><ItemTemplate><tr><td><a href='Cities.aspx?pro=<%#Eval("proID") %>' target="_blank"><%#Eval("proName") %></a></td><td><%#Eval("proID")%></td></tr></ItemTemplate><FooterTemplate></table></FooterTemplate></asp:Repeater><form id="form1" runat="server"><div></div></form> </body>

index.aspx.cs中的代碼：

public partial class index : System.Web.UI.Page {DataClassesDataContext dc = new DataClassesDataContext();protected void Page_Load(object sender, EventArgs e){var query = from c in dc.province select c;Repeater1.DataSource = query;Repeater1.DataBind();} }

Cities.aspx頁面中的代碼：

Cities.aspx.cs頁面中的代碼：

public partial class Cities : System.Web.UI.Page {DataClassesDataContext dc = new DataClassesDataContext();protected void Page_Load(object sender, EventArgs e){int id =Convert.ToInt32(Request.QueryString["pro"].ToString());var query = from c in dc.city where c.proID == id select c;GridView1.DataSource = query;GridView1.DataBind();} }

然后運(yùn)行index.aspx頁面，通過單擊超鏈接就跳轉(zhuǎn)到了Cities.aspx，在該頁面顯示信息。

沁園春 www.qinychun.com 《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的ASP.NET-----Repeater数据控件的用法总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： Android–多线程之Handler下
下一篇： asp.net学习之Repeater控件