C#实现DataList里面嵌套DataList的折叠菜单

这篇文章主要介绍了C#实现DataList里面嵌套DataList的折叠菜单,以实例形式详细分析了DataList嵌套实现折叠菜单所涉及的JavaScript、HTML与C#相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了C#实现DataList里面嵌套DataList的折叠菜单。分享给大家供大家参考，具体如下：

点击前效果图如下：

点击后效果图如下：

具体实现代码如下：

Javascript脚本

HTML代码如下：

      版块 设 置

 管理选项：

       版块名称  操作选项
  " src="Image/tree_folder4.gif" width="15" height="15" onclick="showmenu(<%#Eval("BigClassID")%>)"><%#Eval("BigClassName")%>   添加二级版块 |  修改一级版块 | 删除一级版块
     " style="display:none" bgcolor="#E3E3E3" class="tdbg">             <%#Eval("SmallClassName")%>                修改二级版块 | 删除二级版块

上面的功能有点缺陷（ques1:多行时候不能折叠，默认只折叠第一行；ques2:不支持IE），现在改善如下：

       版 块 设 置

 管理选项：

       版块名称  操作选项
  " src="Image/tree_folder4.gif" width="15" height="15" onclick="showmenu(<%#Eval("BigClassID")%>)"><%#Eval("BigC                修改二级版块|删除二级版块