关于显树图

huojiehai 2002-04-13 10:34:05
有没有显示树代码
...全文
63 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
llrock 2002-07-10
  • 打赏
  • 举报
 回复


<html>
<head>
<title>Left</title>
<link rel="stylesheet" href="css/css.css" type="text/css">
<style>
<!--
#foldheader{cursor:hand ;font-size: 10pt;
list-style-image:url(plus1.gif)}
#foldinglist{font-size: 10pt;list-style-image:url(min1.gif); margin-left: 11 px}
//-->
</style>

<script language="JavaScript1.2">
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(min1.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(plus1.gif)"
}
}
//alert(srcIndex)
}

document.onclick=change

//-->
</script>

</head>
<body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0">
<nobr>

<ul id="foldinglist">
<li id="foldheader"><b>公共信息</b></li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul>

<li id="foldheader">商学院</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul>
</ul>


</nobr>


</body>
</html>
blues-star 2002-05-08
  • 打赏
  • 举报
 回复
我觉得，控件的速度要比script快很多~

http://www.chinatools.biz/bbs/tree2.zip

这个是javascript的
stroll 2002-05-07
  • 打赏
  • 举报
 回复
http://www10.brinkster.com/stroll/tree.htm

这里怎么没有 程序预览 功能，比无忧差了点……
huojiehai 2002-05-06
  • 打赏
  • 举报
 回复
是动态的呀,大概有两千多呀,使用递归算法生成的.有好办法大大的给分
huojiehai 2002-05-06
  • 打赏
  • 举报
 回复
是动态的呀,至少也有两千个呀,有好办法一定大大的给分
sunbeamy 2002-05-06
  • 打赏
  • 举报
 回复
js做到很快比较难，除非动态加载节点，而不是整个树先全下来。
大概有多少节点？
huojiehai 2002-05-06
  • 打赏
  • 举报
 回复
复贴也行
huojiehai 2002-05-06
  • 打赏
  • 举报
 回复
有没有显数据很多时也很快的,分数我以由20增加到100啦,不要控件,要javascript代码
blues-star 2002-05-05
  • 打赏
  • 举报
 回复
你在interdev里把treeview引用过来

然后

用node对象向里面添加就可以了,
flylyke 2002-05-04
  • 打赏
  • 举报
 回复
常见的问题应多搜一下以前的帖子
huojiehai 2002-05-04
  • 打赏
  • 举报
 回复
怎么用TREEVIEW呀
blues-star 2002-05-04
  • 打赏
  • 举报
 回复
TREEVIEW控件吧
zhpfaff 2002-05-04
  • 打赏
  • 举报
 回复
你要什么样的？很多论坛都使用，你看见不错的，把代码复制后改成你的内容就可以。
huojiehai 2002-05-04
  • 打赏
  • 举报
 回复
但效率都不好
chensh1024 2002-04-22
  • 打赏
  • 举报
 回复
用ms的 TreeView WebControl。
进http://msdn.microsoft.com搜就可以了。
我目前看到的最好的，当个tag用就可以了。
huojiehai 2002-04-21
  • 打赏
  • 举报
 回复
其实我也有过一段显示树图的代码，但是在显示数据比较多时速度相当慢，无法忍受，不知你的怎么样。我是根据数据库中的内容动态显示的。
emu 2002-04-14
  • 打赏
  • 举报
 回复
代码太长了，又有图片，我把它上传了。
http://go2.163.com/stonelf/tree.zip
rocsnake 2002-04-14
  • 打赏
  • 举报
 回复
我有一个树型对象，可以与我联系（rocsnake@sina.com.cn）
不过要给分哦
weidegong 2002-04-13
  • 打赏
  • 举报
 回复
<html>
<head>
<title>menu.htm</title>
<style>
<!--
#foldheader{cursor:hand ; font-weight:normal;
list-style-image: url(images/fold.gif)}
#foldinglist{list-style-image: url(images/list.gif)}

-->
</style>
<script language="JavaScript1.2">
<!--

var head="display:''"
img1=new Image()
img1.src="images/fold.gif"
img2=new Image()
img2.src="images/open.gif"

function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(images/open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(images/fold.gif)"
}
}
}

document.onclick=change

//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="v5_css.css">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="175" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="58">
<ul>
<li id="foldheader"> 合作企业管理 </li>
<ul id="foldinglist" style="display:none">
<li><a href="forms/compManage/add1.jsp" target="main">合作企业录入</a></li>
<li><a href="forms/compManage/manage1.jsp" target="main">合作企业管理</a></li>
<li><a href="forms/compManage/check1.jsp" target="main">合作企业复核</a></li>
</ul>

<li id="foldheader">楼盘管理</li>
<ul id="foldinglist" style="display:none">
<li><a href="forms/buildManage/addbuildpre.jsp" target="main">楼盘录入</a></li>
<li><a href="forms/buildManage/queryBuild.jsp" target="main">楼盘管理</a></li>
<li><a href="forms/buildManage/checkBuild1.jsp" target="main">楼盘复核</a></li>
</ul>

<li id="foldheader">合作方额度管理</li>
<ul id="foldinglist" style="display:none">
<li><a href="forms/quantumManage/add1.jsp" target="main">合作方额度录入</a></li>
<li><a href="forms/quantumManage/manage1.jsp" target="main">合作方额度管理</a></li>
<li><a href="forms/quantumManage/check1.jsp" target="main">合作方额度复核</a></li>

</ul>

<li id="foldheader">客户资料管理</li>
<ul id="foldinglist" style="display:none">
<li><a href="forms/custInfoManage/add1.jsp" target="main">客户资料录入</a></li>
<li><a href="forms/custInfoManage/cust1.jsp" target="main">客户资料管理</a></li>
<li><a href="forms/custInfoManage/accountgrade.jsp" target="main">信用等级评定</a></li>
</ul>

<li id="foldheader">担保资料管理</li>
<ul id="foldinglist" style="display:none">
<li><a href="forms/vouchInfoManage/VouchInfoAdd.jsp" target="main">担保资料录入</a></li>
<li><a href="forms/vouchInfoManage/VouchInfoManage.jsp" target="main">担保资料管理</a></li>


</ul>

<li id="foldheader">贷款管理</li>
<ul id="foldinglist" style="display:none">
<li><a href="forms/loanManage/appLoan/querySeqInfo1.jsp" target="main">贷款申请</a></li>
<li><a href="forms/loanManage/appLoan/checkSeqInfo1.jsp" target="main">贷款复核</a></li>
<li><a href="forms/loanManage/loanApprove/approve1.jsp" target="main">贷款审批</a></li>
<li><a href="forms/loanManage/loanProvide/notprovide.jsp" target="main">贷款发放</a></li>
<li><a href="forms/loanManage/appLoan/fixSeqInfo.jsp" target="main">贷款申请整理</a></li>
<li><a href="forms/loanManage/printInfo/print.jsp" target="_blank">贷款资料打印</a></li>
<li><a href="forms/loanManage/loanStatic/loanstatic1.jsp" target="main">贷款统计与分析</a></li>
</ul>

<li id="foldheader">内控名单管理</li>
<ul id="foldinglist" style="display:none">
<li><a href="forms/blacklist/add1.jsp" target="main">内控名单录入</a></li>
<li><a href="forms/blacklist/manage1.jsp" target="main">内控名单管理</a></li>
<li><a href="forms/blacklist/check1.jsp" target="main">内控名单复核</a></li>
</ul>
<script language="JavaScript1.2">

<!--

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
// if cookie exists
if (offset != -1) {
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

if (get_cookie(window.location.pathname) != ''){
var openresults=get_cookie(window.location.pathname).split(" ")
for (i=0 ; i < openresults.length ; i++){
foldinglist[openresults[i]].style.display=''
document.all[foldinglist[openresults[i]].sourceIndex -
1].style.listStyleImage="url(images/open.gif)"
}
}

if (document.all){
var nodelength=foldinglist.length-1
var nodes=new Array(nodelength)
var openones=''
}

function check(){
for (i=0 ; i <= nodelength ; i++){
if (foldinglist[i].style.display=='')
openones=openones + " " + i
}
document.cookie=window.location.pathname+"="+openones
}

if (document.all)
document.body.onunload=check
//-->
</script>


</ul>
</td>
</tr>
</table>
</body>
</html>
flylyke 2002-04-13
  • 打赏
  • 举报
 回复
搜搜以前的贴子,挺多的
echarts树图实现点击收缩子节点
实现的echarts中树图点击节点收缩的js，在使用该js的时候需替换原来的echarts.js或者在原echarts.js中添加一句代码，压缩包中有引用介绍
ECharts矩形树图-显示父层级标签.rar
图表效果及代码实现讲解链接：https://blog.csdn.net/zhangjiujiu/article/details/142450951
ECharts树图-树图5.zip
图表效果及代码实现讲解链接：https://blog.csdn.net/zhangjiujiu/article/details/148054080
ECharts树图-树图2.zip
图表效果及代码实现讲解链接：https://blog.csdn.net/zhangjiujiu/article/details/148053961
ECharts树图-树图7.zip
图表效果及代码实现讲解链接：https://blog.csdn.net/zhangjiujiu/article/details/148054102
JavaScript

87,993

社区成员

224,688

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章