首页 / 网页编程 / ASP.NET / ASP.NET 2.0数据教程之三十五:使用Repeater和DataList实现的主/从报表

ASP.NET 2.0数据教程之三十五:使用Repeater和DataList实现的主/从报表2010-08-10 翻译：cnblogs 有些伤感返回“”

导言

在前面一章里我们学习了如何用两个页分别显示主/从信息。在 “主”页里我们用Repeater来显示category。每个category的name都 是一个链到“从”页的hyperlink。在从页里用一个两列的DataList显 示选中的category下的product。

本章我们将还是使用单页，在左边显示 category列表，category的名字用LinkButton显示。点击其中一个时页面 postback，在右边以两列的DataList显示出相关的product。除了名字外，左边的 Repeater还会显示与该category相关联的product总数。（见图1）

图 1: Category的 Name和 Product总数显示在左边

第一步: 在 页面左部显示一个Repeater

本章我们将在左边显示category，右表显示它 关联的product。web页的内容可以使用标准HTML元素或者CSS来定位。到目前为止 我们都是使用CSS来定位。在母板页和站点导航一章里我们使用绝对定位来创建导 航时，为导航列表和内容之间指定了明确的距离。当然CSS也可以用来对两个元素 的位置进行调整。

打开DataListRepeaterFiltering文件夹下的 CategoriesAndProducts.aspx页，添加一个Repeater和DataList.ID分别设置为 Categories和CategoryProducts。然后到源视图里将它们分别放到<div>元 素里。也就是说在Repeater后面加一个闭合的</div>，在DataList前加一 个开始的<div>。现在你的代码看起来应该和下面差不多：

ASP.NET

<div>
<asp:Repeater ID="Categories" runat="server">
</asp:Repeater>
</div>
<div>
<asp:DataList ID="CategoryProducts" runat="server">
</asp:DataList>
</div>