需求简介：电子商务网站中，查询会员的订单，点击“會員”，展现此会员的订单列表。
界面操作：
Step 1 展现会员列表，如下图
Step 2 点击“某一会员”行 展现会员订单列表
实现思路：
1、 使用用户控件（CustomerOrders.ascx）展示订单列表，此用户控件只需要包含Repeater控件并绑定数据源
2、 新建一个简单页面GridViewDrillDownjQueryQAjax.ASPx，在此页面引用用户控件，展示用户订单列表
3、 在页面GridViewDrillDownjQueryQAjax.ASPx新建两个DIV：一个用来展示会员信息，一个用来展示某个会员的订单信息。当点击某一会员信息时，展示此会员的订单列表
实现细节：
1、 新建用户控件（CustomerOrders.ascx），拖数据源控件 和 Repeater控件到页面，主要代码如下
在用户控件的后台代码中有一属性CustomerId，它主要用来传递参数
Code
<ASP:SqlDataSource ID="sqlDsOrders" runat="server" ConnectionString="<%$ ConnectionStrings:Northwind %>"
SelectCommand="SELECT [OrderID], [OrderDate], [RequiredDate], [Freight], [ShippedDate] FROM [Orders] WHERE ([CustomerID] = @CustomerID)">
<SelectParameters>
<ASP:Parameter Name="CustomerID" Type="String" DefaultValue="" />
SelectParameters>
ASP:SqlDataSource>
<ASP:Repeater ID="List" DataSourceID="sqlDsOrders" runat="server">
<HeaderTemplate>
<table class="grid" cellspacing="0" rules="all" border="1" style="border-collapse: collapse;">
<tr>
<th scope="col"> th>
<th scope="col">Order IDth>
<th scope="col">Date Orderedth>
<th scope="col">Date Requiredth>
<th scope="col" style="text-align: right;">Freightth>
<th scope="col">Date Shippedth>
tr>
HeaderTemplate>
<ItemTemplate>
<tr class='<%# (Container.ItemIndex%2==0) ? "row" : "altrow" %>'>
<td class="rownum"><%# Container.ItemIndex+1 %>td>
<td style="width: 80px;"><%# Eval("OrderID") %>td>
<td style="width: 100px;"><%# Eval("OrderDate","{0:dd/MM/yyyy}") %>td>
<td style="width: 110px;"><%# Eval("RequiredDate", "{0:dd/MM/yyyy}")%>td>
<td style="width: 50px; text-align: right;"><%# Eval("Freight","{0:F2}") %>td>
<td style="width: 100px;"><%# Eval("ShippedDate", "{0:dd/MM/yyyy}")%>td>
tr>
ItemTemplate>
<FooterTemplate>
table>
FooterTemplate>
ASP:Repeater>
NET技术：使用Ajax和jQuery实现GridView的展开、合并，转载需保留来源！
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。
