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();
}
}
查看全文
相关阅读:
javascript 中加载图片大小与图片真是大小不一样解决方案
连接数据库类
jquery中“this”不同时刻的不同含义
jquery中bind事件
Sql中Output参数用法和分页存储过程
C#中静态方法和静态变量的使用问题
asp.net中javascript中json和C#对象之间的转换
asp.net中加载自用户定义控件
瀑布流布局——JS+绝对定位
【笔记】——Javascript(1)
原文地址:https://www.cnblogs.com/wucf2004/p/770111.html
最新文章
大幅顶部广告效果
【转】写入和读取cookie数组
模拟鼠标操作
【转】制作Javascript弹出窗口技巧九则
软件开发管理规范流程图
javascript 操作cookie
Request.ServerVariables
系统变量(%SystemRoot% ,%windir% ,%temp%,%system%)的表示方法
限制图片显示宽度和高度
JS音乐播放器
热门文章
【转】最常用和实用的CSS技巧
CSS中position的absolute和relative的应用
【网址】65个源代码网站
【转】最常用和实用的CSS技巧
【转】asp.net页面事件执行顺序
【转】WEB标准之CSS: 打造自己的reset.css
【转】收集一些.NET开发资源站点和部分优秀.NET开源项目
【转】jQuery.ajax使用方法
asp.net中的项目之间的引用
this的用法添加样式给tr或者div
Copyright © 2011-2022 走看看