实例:Ajax+Jquery实现GridView的展开、合并效果
先看下效果图:
Step 1 展现会员列表,如下图
Step 2 点击“某一会员”行 展现会员订单列表
实现思路:
1、 使用用户控件(CustomerOrders.ascx)展示订单列表,此用户控件只需要包含Repeater控件并绑定数据源
2、 新建一个简单页面GridViewDrillDownjQueryQAjax.aspx,在此页面引用用户控件,展示用户订单列表
3、 在页面GridViewDrillDownjQueryQAjax.aspx新建两个DIV:一个用来展示会员信息,一个用来展示某个会员的订单信息。当点击某一会员信息时,展示此会员的订单列表.
实现细节:
1、 新建用户控件(CustomerOrders.ascx),拖数据源控件 和 Repeater控件到页面,主要代码如下
在用户控件的后台代码中有一属性CustomerId,它主要用来传递参数