简单的GridView嵌套实现
来源:互联网 发布:怎么查淘宝账号权重 编辑:程序博客网 时间:2024/05/20 18:18
具体效果如下:
JS代码,用于显示 隐藏嵌套的GRIDVIEW:
/*隐藏嵌套的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嵌套
<asp:GridView ID="gvItem" Width="600px" OnRowDataBound="gvItem_RowCommand" DataKeyNames="ID"
runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="ID" HeaderStyle-Width="15%" HeaderText="ID">
<HeaderStyle Width="15%" />
</asp:BoundField>
<asp:BoundField DataField="姓名" HeaderStyle-Width="30%" HeaderText="姓名">
<HeaderStyle Width="30%" />
</asp:BoundField>
<asp:TemplateField HeaderStyle-Width="40%">
<ItemTemplate>
<!---点击用于列表展开,执行JS函数--->
<span id="btnShowHidden<%#Eval("ID") %>" style="float: right; color: Red; cursor: pointer;
margin: 0 0 0 0" onclick="ShowHidden('<%#Eval("ID") %>',event)">展开列表</span>
<tr>
<td colspan="100%">
<div id="div<%#Eval("ID") %>" style="display: none;">
<div style="float: left; font-size: small">
└</div>
<div style="border: 1 solid RGB(40,80,150); position: relative; left: 0px; overflow: auto;
width: 98%;">
<!---绑定内层Gridview--->
<asp:GridView ID="gvInnerItem" Width="100%" Height="100%" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="ID" HeaderStyle-Width="15%" HeaderText="ID">
<HeaderStyle Width="15%" />
</asp:BoundField>
<asp:BoundField DataField="姓名" HeaderStyle-Width="70%" HeaderText="姓名">
<HeaderStyle Width="70%" />
</asp:BoundField>
</Columns>
</asp:GridView>
</div>
</div>
</td>
</tr>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
后台代码:
后台代码
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 }
- 简单的GridView嵌套实现
- 简单的GridView嵌套实现
- Viewpager嵌套GridView的实现
- gridview嵌套gridview的方法
- TableLayout实现gridview嵌套gridview效果
- .net 2.0中GridView无限级嵌套的实现
- .net 2.0中GridView无限级嵌套的实现
- Android最简单的GridView嵌套GridView,解决滑动冲突问题
- ScrollView嵌套GridView,GridView的写法
- Android使用GridView实现简单的日历
- GridView实现简单的应用启动器Launcher
- ScrollView嵌套GridView的解决办法
- ScrollView嵌套GridView的解决办法
- ScrollView嵌套GridView的解决办法
- ScrollView嵌套GridView的解决办法
- ScrollView嵌套GridView的情况
- ScrollView嵌套GridView的解决办法
- ScrollView嵌套GridView的解决办法
- hdu 1083 Courses
- hdu4527小明系列故事——玩转十滴水 (BFS+DFS)
- udhcp详解(七)——udhcp报文
- C#get Set
- Web.Config配置错误页面处理
- 简单的GridView嵌套实现
- 黑马程序员--05.类加载器--01【类加载器基本知识】【类加载器的委托机制】
- 下一个七年(希望给你启发)
- 08-12华为技术面试时面试官出的题目
- UVA400
- B-树和B+树的应用:数据搜索和数据库索引
- NYOJ 题目3 多边形重心
- STL中map用法详解
- jquery 延迟加载