在Repeater中嵌套使用Repeater
2024-07-21 02:16:01
供稿:網(wǎng)友
在一般的網(wǎng)站中瀏覽類別的用戶控件通常都位于大多數(shù) asp.net 頁的左邊,它使用戶能夠按類別快速的查找產(chǎn)品。最近遇到一個客戶,因為在他網(wǎng)站上展示的產(chǎn)品并不多,所以要求在原有類別瀏覽的基礎(chǔ)上將產(chǎn)品也加進去。一來更方便,二來加長了左部導航欄的長度使頁面更協(xié)調(diào)。原有的分類導航欄是由repeater實現(xiàn)的,現(xiàn)在需要在每一個分類下加入該類的商品信息,于是我想到了在原有repeater中嵌套repeater。實現(xiàn)界面如下:
前臺頁面部分:
<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>
<!--分類下的產(chǎn)品-->
<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>
后臺代碼部分(部分代碼):
//在綁定分類品名時,綁定分類下的產(chǎn)品
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關(guān)聯(lián)的數(shù)據(jù)項
datarowview rowv = (datarowview)e.item.dataitem;
//提取分類id
int categorieid = convert.toint32(rowv["id"]);
//根據(jù)分類id查詢該分類下的產(chǎn)品,并綁定產(chǎn)品repeater
rptproduct.datasource = products.getproductsbycategorieid(categorieid);
rptproduct.databind();
}
}