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

前台页面部分:
在Repeater中嵌套使用Repeater<asp:Repeater id="rptCategories" runat="server">
在Repeater中嵌套使用Repeater  
<HeaderTemplate>
在Repeater中嵌套使用Repeater    
<table width="100%" border="0" cellspacing="0" cellpadding="0">
在Repeater中嵌套使用Repeater  
</HeaderTemplate>
在Repeater中嵌套使用Repeater  
<ItemTemplate>
在Repeater中嵌套使用Repeater    
<!--分类名称-->

在Repeater中嵌套使用Repeater    
<!--分类下的产品-->
在Repeater中嵌套使用Repeater    
<asp:Repeater id="rptProduct" runat="server">
在Repeater中嵌套使用Repeater      
<ItemTemplate>

在Repeater中嵌套使用Repeater      
</ItemTemplate>
在Repeater中嵌套使用Repeater    
</asp:Repeater>
在Repeater中嵌套使用Repeater  
</ItemTemplate>
在Repeater中嵌套使用Repeater  
<FooterTemplate>
在Repeater中嵌套使用Repeater    
</table>
在Repeater中嵌套使用Repeater  
</FooterTemplate>
在Repeater中嵌套使用Repeater
</asp:Repeater>
在Repeater中嵌套使用Repeater

后台代码部分(部分代码):
在Repeater中嵌套使用Repeater//在绑定分类品名时,绑定分类下的产品
在Repeater中嵌套使用Repeater
private void rptCategories_ItemDataBound(object sender, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
在Repeater中嵌套使用Repeater    BLL.Products products 
=new BLL.Products();
在Repeater中嵌套使用Repeater    
if (e.Item.ItemType == ListItemType.Item ||    e.Item.ItemType == ListItemType.AlternatingItem) 
{
在Repeater中嵌套使用Repeater        Repeater rptProduct 
= (Repeater) e.Item.FindControl("rptProduct");
在Repeater中嵌套使用Repeater        
//找到分类Repeater关联的数据项
在Repeater中嵌套使用Repeater
        DataRowView rowv = (DataRowView)e.Item.DataItem;
在Repeater中嵌套使用Repeater        
//提取分类ID
在Repeater中嵌套使用Repeater
        int CategorieId = Convert.ToInt32(rowv["ID"]);
在Repeater中嵌套使用Repeater        
//根据分类ID查询该分类下的产品,并绑定产品Repeater
在Repeater中嵌套使用Repeater
        rptProduct.DataSource = products.GetProductsByCategorieId(CategorieId);
在Repeater中嵌套使用Repeater        rptProduct.DataBind();
在Repeater中嵌套使用Repeater    }

在Repeater中嵌套使用Repeater}

在Repeater中嵌套使用Repeater

相关文章: