treeview根节点无法展开了怎么办(我就是添加了一些js展开就不行了,代码展开折叠也不行了,为什么?

还有我在子节点上单击么个节点然后按住鼠标往下拉,所有贝拉过的子节点的值都被现实出来了,我想要只显示一个就行了,肿么弄啊各位大侠!... 还有我在子节点上单击么个节点然后按住鼠标往下拉,所有贝拉过的子节点的值都被现实出来了,我想要只显示一个就行了,肿么弄啊各位大侠! 展开
 我来答
沐雅风电影
推荐于2016-09-04 · 超过64用户采纳过TA的回答
知道小有建树答主
回答量:191
采纳率:100%
帮助的人:125万
展开全部

给你一个用jquery写的吧,效果图大致这样:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml";>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style>

#tree_menu{

}

ul{

list-style-type:none;

padding:0px;

}

#tree_menu ul li{

cursor:pointer;

}

ul li ul{

display:none;

list-style-type:none;

padding:0px 0px 0px 10px;

}

</style>

<script src="jquery-1.4.2.min.js" type="text/javascript" ></script>

<script type="text/javascript">

$(function(){  

$("ul li").each(function(){

if($(this).children("ul").length==0){

$(this).css("padding-left","8px");

}else{

$(this).prepend("<img src='upbtn.gif' width='8' style='padding-bottom:1px'/>");

}

});

$("#tree_menu ul li").toggle(function(){

$(this).children("img").attr("src","downbtn.gif");

$(this).children("ul").slideDown(100);

},function(){

$(this).children("img").attr("src","upbtn.gif");

$(this).children("ul").slideUp(100);

});

})

</script>

</head>

<body>

<div id="tree_menu">

<ul>

<li>

本地磁盘C

<ul>

<li>file1

<ul>

<li>file1

<ul>

<li>file1

<ul>

<li>file1</li>

<li>file2</li>

<li>file3</li>

<li>file4</li>

</ul>

</li>

<li>file2</li>

<li>file3</li>

<li>file4</li>

</ul>

</li>

<li>file2</li>

<li>file3</li>

<li>file4</li>

</ul>

</li>

<li>file2

<ul>

<li>file1</li>

<li>file2</li>

<li>file3</li>

<li>file4</li>

</ul>

</li>

<li>file3

<ul>

<li>file1</li>

<li>file2</li>

<li>file3</li>

<li>file4</li>

</ul>

</li>

<li>

file4

<ul>

<li>file1</li>

<li>file2</li>

<li>file3</li>

<li>file4</li>

</ul>

</li>

</ul>

</li>

<li>

本地磁盘D<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>

</li>

<li>

本地磁盘E<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>

</li>

<li>

本地磁盘F<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>

</li>

<li>

移动磁盘G<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>

</li>

</ul>

</div>

</body>

</html>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式