发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
具体效果如下:
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嵌套前台代码:
<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 }
来自: 悟静 > 《.net和asp.net》
0条评论
发表
请遵守用户 评论公约
C#学习小结和.net学习小结
gridview的buttonfield获取该行的索引值(实例讲解)
gridview的buttonfield获取该行的索引值(实例讲解)1.选择gridview控件,创建按纽列buttonfield,将此按纽列的CommandName 设置为Details //本例是为了想要查看改行的详细信息。GridView1的属性: OnRo...
一篇文章了解爬虫技术现状
但是一般来说,搜索引擎的爬虫对爬虫的效率要求更高,会选用c++、java、go(适合高并发),详情 排名前50的开源Web爬虫用于数据挖掘. 我在大学时代就用c++实现了一个多线程的框架,但是发现和python实现...
JS代码压缩
原体积: 新体积: 压缩率:关于JS代码在线压缩 使用本工具可以在不影响JavaScript运行结果的同时,在线压缩JavaScript代码,减...
.net后台调用JS函数
.net后台调用JS函数。此方法缺陷就是不能调用脚本文件中的自定义的函数,只能调用内部函数,具体调用自定义的函数只能在Response.Write写上函数定 义,比如。代码如下:在想调用某个javascript脚本函数...
企业网站建设的安全性是不容忽视的
通常网站的安全是要防止被别有用心的人挂黑链,挂木马和留后门,而且现在有漏洞的网站有很多,因为程序员不注意对密码的保护,使用一些...
ajax例子(Java) 示例
百度统计搜索词被刷垃圾广告怎么办
百度统计搜索词被刷垃圾广告怎么办。但经常性的我们在统计后台会看到搜索词中有很多与网站无关的搜索关键词(被刷垃圾广告),统计到垃圾关键词无疑会影响我们分析网站数据,那么怎么才能解决这种情况呢?...
web前端开发工具有哪些
匿名用户 web前端开发工具主要是有css、html、java、js、jquery,这些入门操作都是非常简单1、学习css,这个css没有包含css3,通常我们看到对于web前端工程师要求是要会使用css+div或css+html对界面进...
微信扫码,在手机上查看选中内容