asp.net中Repeater嵌套绑定的方法(使用两个Repeater做子类别绑定)

本文介绍如何在ASP.NET中使用Repeater控件实现类别及其下产品的嵌套显示。通过前后端代码结合的方式,实现了产品分类的动态加载,并在每个分类下展示相应的产品信息。

这篇文章主要讲解了在asp.net中Repeater控件嵌套绑定的问题,一般我们用两个Repeater控件嵌套绑定来实现类别和类别下信息的绑定。

在一般的网站中浏览类别的用户控件通常都位于大多数 ASP.NET 页的左边,它使用户能够按类别快速的查找产品。最近遇到一个客户,因为在他网站上展示的产品并不多,所以要求在原有类别浏览的基础上将产品也加进去。一来更方便,二来加长了左部导航栏的长度使页面更协调。原有的分类导航栏是由Repeater实现的,现在需要在每一个分类下加入该类的商品信息,于是我想到了在原有Repeater中嵌套Repeater。实现界面如下:

前台页面部分:

<asp:Repeater id="rptCategories" runat="server">
  <HeaderTemplate>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  </HeaderTemplate>
  <ItemTemplate>
    <!--分类名称-->
    <tr><th><%# DataBinder.Eval(Container.DataItem, "TypeName") %></th></tr>
    <!--分类下的产品-->
    <asp:Repeater id="rptProduct" runat="server">
      <ItemTemplate>
        <tr><td><a href='ProductInfo.aspx?Id=<%# DataBinder.Eval(Container.DataItem, "ID") %>'><%# DataBinder.Eval(Container.DataItem, "ProductName") %></a></td></tr>
      </ItemTemplate>
    </asp:Repeater>
  </ItemTemplate>
  <FooterTemplate>
    </table>
  </FooterTemplate>
</asp:Repeater>

后台代码部分(部分代码):

//在绑定分类品名时,绑定分类下的产品
//商品分类名称rptCategories绑定省略,正常绑定即可,下面代码为商品分类名称rptCategories的ItemDataBound事件
private void rptCategories_ItemDataBound(object sender, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
    Repeater rptProduct = (Repeater)e.Item.FindControl("rptProduct");
    //找到商品分类编号
    object CategorieId = DataBinder.Eval(e.Item.DataItem, "ID");
    //根据分类ID查询该分类下的产品,并绑定产品Repeater
    rptProduct.DataSource = 获取产品列表的方法(参数:Convert.ToString(CategorieId));
    rptProduct.DataBind();
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值