在一般的网站中浏览类别的用户控件通常都位于大多数 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(); } }转载于:https://www.cnblogs.com/yuteng/articles/1713422.html
相关资源:数据结构—成绩单生成器