[前端] ASP.NET实现Repeater控件的数据绑定

1788 0
黑夜隐士 2022-10-21 15:54:58 | 显示全部楼层 |阅读模式
Repeater基础

在aspx文件中加入Repeater 控件,在<ItemTemplate></ItemTemplate>包含的范围里加入自己控制的代码,需要替换的变量使用<%# Eval("SellerName")%>;注意两侧的引号。
.aspx:
  1. <asp:Repeater ID="SellerRpt" runat="server">
  2.     <ItemTemplate>
  3.         <li><a href='<%# Eval("SellerName")%>' target="_blank">
  4.             <%# Eval("ComName")%></a></li>
  5.     </ItemTemplate>
  6. </asp:Repeater>
复制代码
对应的后台cs中,在页面加载处加入数据绑定的代码:
  1. protected void Page_Load(object sender, EventArgs e)
  2. {
  3.     if (!IsPostBack)
  4.     {
  5.         DataTable dt = SellerDA.GetTopHotSellers(9);
  6.         SellerRpt.DataSource = dt;
  7.         SellerRpt.DataBind();
  8.     }
  9. }
复制代码
aspx中"SellerName"、"ComName"为DataTable 中的列名。
优化

直接使用DataItem可减少Eval函数的执行步骤,优化页面解析时间:
<%# ((DataRowView)Container.DataItem)["SellerName"]%>替换<%# Eval("SellerName")%>
ArrayList数据源

如果数据源是ArrayList,并且ArrayList为一列string数组,则可不用写出列名:
.aspx:
  1. <asp:Repeater ID="topAdHintRpt" runat="server">
  2.     <ItemTemplate>
  3.         <asp:Label ID="BarLabel" CssClass="bar" runat="server" Text="|"></asp:Label>
  4.         <a href="#" rel="external nofollow" ><span>
  5.             <%#Container.DataItem%></span></a>
  6.     </ItemTemplate>
  7. </asp:Repeater>
复制代码
.cs:
  1. ArrayList alterText;
  2. AdDA.GetIndexTopList(out alterText);
  3. topAdHintRpt.DataSource = alterText;
  4. topAdHintRpt.DataBind();
复制代码
处理后显示

某些情况下,数据库中检索出来的数据并不适合直接显示出来,想要适当处理后显示(eg:日期的格式,字符串长度的控制),可使用标签来占位,在onitemdatabound函数中自行控制:
.aspx:
  1. <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="ProRpt_ItemDataBound">
  2.     <ItemTemplate>
  3.         <asp:Label ID="colinDate" runat="server" Text=""></asp:Label>
  4.     </ItemTemplate>
  5. </asp:Repeater>
复制代码
.cs:
  1. protected void ProRpt_ItemDataBound(object sender, RepeaterItemEventArgs e)
  2. {
  3.     if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
  4.     {
  5.         DataRowView rowv = (DataRowView)e.Item.DataItem;//找到分类Repeater关联的数据项
  6.         string strDate = rowv["clDate"].ToString();
  7.         Label DateLB = e.Item.FindControl("colinDate") as Label;
  8.         DateLB.Text = strDate.Substring(0, 10);
  9.     }
  10. }
复制代码
嵌套Reapeter的显示

对于某些复杂的显示逻辑,需用用到Reapeter的嵌套,这里需要自行控制2层数据源的数据绑定:
.aspx:
  1. <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="ProRpt_ItemDataBound">
  2.     <ItemTemplate>
  3.         <asp:Repeater ID="ParaRpt" runat="server" OnItemDataBound="ParaRpt_ItemDataBound">
  4.             <ItemTemplate>
  5.                 <asp:Label ID="bar" CssClass="bar" runat="server" Text="|"></asp:Label>
  6.                 <span class="para">
  7.                     <%# Eval("Name")%>:
  8.                     <%# Eval("Value")%></span>
  9.             </ItemTemplate>
  10.         </asp:Repeater>
  11.     </ItemTemplate>
  12. </asp:Repeater>
复制代码
.cs:
  1. protected void ProRpt_ItemDataBound(object sender, RepeaterItemEventArgs e)
  2. {
  3.     //判断里层repeater处于外层repeater的哪个位置( AlternatingItemTemplate,FooterTemplate,
  4.     //HeaderTemplate,,ItemTemplate,SeparatorTemplate
  5.     if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
  6.     {
  7.         Repeater rep = e.Item.FindControl("ParaRpt") as Repeater;//找到里层的repeater对象
  8.         DataRowView rowv = (DataRowView)e.Item.DataItem;//找到分类Repeater关联的数据项
  9.         string str = Convert.ToString(rowv["Pro_Content"]); //获取填充子类的内容
  10.         rep.DataSource = Product.FillPara(str);
  11.         rep.DataBind();
  12.     }
  13. }
复制代码
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持中国红客联盟。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

中国红客联盟公众号

联系站长QQ:5520533

admin@chnhonker.com
Copyright © 2001-2025 Discuz Team. Powered by Discuz! X3.5 ( 粤ICP备13060014号 )|天天打卡 本站已运行