龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > asp.net编程 >

实例:Ajax+Jquery实现GridView的展开、合并效果

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
先看下效果图: Step 1 展现会员列表,如下图 Step 2 点击“某一会员”行 展现会员订单列表 实现思路: 1、 使用用户控件( CustomerOrders.ascx )展示订单列表,此用户控件只需要包含 Re

先看下效果图:

Step 1 展现会员列表,如下图

Step 2 点击“某一会员”行 展现会员订单列表

 

 实现思路:

1、  使用用户控件(CustomerOrders.ascx)展示订单列表,此用户控件只需要包含Repeater控件并绑定数据源

2、  新建一个简单页面GridViewDrillDownjQueryQAjax.aspx,在此页面引用用户控件,展示用户订单列表

3、  在页面GridViewDrillDownjQueryQAjax.aspx新建两个DIV:一个用来展示会员信息,一个用来展示某个会员的订单信息。当点击某一会员信息时,展示此会员的订单列表.

实现细节:

1、  新建用户控件(CustomerOrders.ascx),拖数据源控件 Repeater控件到页面,主要代码如下

 在用户控件的后台代码中有一属性CustomerId,它主要用来传递参数


精彩图集

赞助商链接