zoukankan      html  css  js  c++  java
  • 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> 

    后台代码部分(部分代码):
    //在绑定分类品名时,绑定分类下的产品 
    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(); 
        }
     
    }
     
  • 相关阅读:
    HDU 6197 array array array nlogn求最长子序列 思维
    HDU 6198 number number number 矩阵快速幂 找规律
    HDU 6195 cable cable cable 思维
    urumuqi 网络赛 H skiing DP
    urumqi 网络赛 E Half-consecutive Numbers 数论
    urumqi 网络赛 C Coconut 水题
    UVA 122 Trees on the level 二叉树 广搜
    POJ3468【线段树lazy操作】
    线段树萌新讲解+一道水题【一点一滴】
    hdoj5792 【树状数组】【未完待续】
  • 原文地址:https://www.cnblogs.com/wucf2004/p/770111.html
Copyright © 2011-2022 走看看