贵阳皮蛋厂:简单的GridView嵌套实现

来源:百度文库 编辑:偶看新闻 时间:2024/04/27 12:55:42
具体效果如下:

JS代码,用于显示 隐藏嵌套的GRIDVIEW:
JS部分代码 /*隐藏嵌套的Gridview*/
function ShowHidden(sid, ev) {
ev = ev || window.event;
var target = ev.target || ev.srcElement;
var oDiv = document.getElementById("div" + sid);
oDiv.style.display = oDiv.style.display == "none" ? "block" : "none";
target.innerHTML = oDiv.style.display == "none" ? "展开列表" : "隐藏列表";
}
Gridview嵌套前台代码:
Gridview嵌套 runat="server" AutoGenerateColumns="False">










" style="float: right; color: Red; cursor: pointer;
margin: 0 0 0 0" onclick="ShowHidden('<%#Eval("ID") %>',event)">展开列表



" style="display: none;">






















后台代码:
后台代码 1 protected void Page_Load(object sender, EventArgs e)
2 {
3 BindData();
4 }
5
6 //绑定外层Gridview列表
7   public void BindData()
8 {
9 gvItem.DataSource = CommonClass.GetData("外层表格");
10 gvItem.DataBind();
11 }
12
13 //绑定嵌套的Gridview列表
14   protected void gvItem_RowCommand(object sender, GridViewRowEventArgs e)
15 {
16 if (e.Row.RowType == DataControlRowType.DataRow)
17 {
18 GridView oGridView = (GridView)e.Row.FindControl("gvInnerItem");
19 if (oGridView != null)
20 {
21 int id = Convert.ToInt32(gvItem.DataKeys[e.Row.RowIndex].Value);
22 oGridView.DataSource = CommonClass.GetData("内层表格ID=" + id);
23 oGridView.DataBind();
24 }
25 }
26 }