随笔 - 41,  文章 - 4,  评论 - 342,  阅读 - 10万

   在 一般的网站中浏览类别的用户控件通常都位于大多数 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><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>

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

}



posted on   micenter  阅读(4475)  评论(2编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端

< 2007年7月 >
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4
5 6 7 8 9 10 11
点击右上角即可分享
微信分享提示