<html>
<head>
<script language=javascript>var t1 = new Date().getTime();</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta content="F.R.Huang(meizz梅花雪)//www.meizz.com" name="author">
<script language="JavaScript" src="MzTreeView10.js"></script>
<title>梅花雪中文网 - WEB版块管理界面</title>
<style type="text/css">
body, td
{
font-family: 宋体;
font-size: 12px;
}
A:LINK, A:VISITED, A:ACTIVE, A:HOVER
{
color: #800080;
font-size: 13px;
padding-left: 3px;
TEXT-DECORATION: NONE;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
function getQuery(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
function getObjectById(id)
{
if (typeof(id) != "string" || id == "") return null;
if (document.all) return document.all(id);
if (document.getElementById) return document.getElementById(id);
try {return eval(id);} catch(e){ return null;}
}
function reRun()
{
var url = "demo.htm";
url += "\?total="+ document.forms[0].total.value;
url += "&childNodes="+ document.forms[0].childNodes.value;
window.location.href = url;
}
window.onload = function()
{
getObjectById("focusId").value = tot-1;
getObjectById("msgNode").innerHTML = "树的总节点数："+ tot +"<br>单节点下的子节点数："+ cns;
getObjectById("TimeShow").innerHTML = "加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒";
}
</SCRIPT>
</head>
<body>
<h3>梅花雪ＷＥＢ脚本控件集 - MzTreeView 1.0 树 - 测试页面</h3>
<form method="get" style="padding: 3; background-color: #B8D1F8; margin-bottom: 0">
<fieldset>
<legend>输入树节点参数信息</legend>
树的总节点数：<input name="total" size='8' maxlength='8' value="1024">
每节点的子节点数：<input name="childNodes" size='3' maxlength='3' value="10">
<input type="submit" value="确定">
</fieldset>
</form>
<table width="100%" border=0 cellspacing=3 bgcolor="#B8D1F8">
<tr>
<td bgcolor=white valign=top>
<div id=treeviewarea style="background-color: "></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var tree = new MzTreeView("tree");
tree.setIconPath("./");
tree.nodes['-1_1'] = 'text:节点 1';
tree.nodes['1_2'] = 'text:节点 2';
tree.nodes['1_3'] = 'text:节点 3';
tree.nodes['1_4'] = 'text:节点 4';
tree.nodes['1_5'] = 'text:节点 5';
tree.nodes['1_6'] = 'text:节点 6';
tree.nodes['1_7'] = 'text:节点 7';
tree.nodes['1_8'] = 'text:节点 8';
tree.nodes['1_9'] = 'text:节点 9';
tree.nodes['1_10'] = 'text:节点 10';
var tot = getQuery("total"); tot = !tot || isNaN(tot) ? 1024 : tot;
var cns = getQuery("childNodes"); cns = !cns || isNaN(cns) ? 10 : cns;
with(document.forms[0])
{
total.value = tot;
childNodes.value = cns;
}
for (i=11; i<tot; i++)
tree.nodes[Math.floor(Math.random()*(tot/cns))+2 +"_"+ i] = 'text:节点 '+ i;
document.getElementById('treeviewarea').innerHTML = tree.toString();
//下面这句代码就是一展开即聚焦到某一节点上的示例
setTimeout("tree.focus('3', true); tree.expand(tree.currentNode.id, true);",10);
if(typeof(Function.prototype.apply)!="function")
{
Function.prototype.apply = function(obj, argu){var s; if(obj){obj.constructor.prototype._caller=this; s = "obj._caller";} else s = "this"; var a=[]; for(var i=0; i<argu.length; i++) a[i] = "argu["+ i +"]"; return eval(s +"("+ a.join(",") +");");};
Function.prototype.call = function(obj){var a=[]; for(var i=1; i<arguments.length; i++) a[i-1]=arguments[i]; return this.apply(obj, a);};
}
tree.buildNode = function(id)
{
var d = new Date().getTime();
MzTreeView.prototype.buildNode.call(this, id);
try{
getObjectById("TimeNode").innerHTML = "<u><b>"+ this.node[id].text +"</b></u> 有 "+
this.node[id].childNodes.length +" 个子节点<br>加载耗时："+ (new Date().getTime()-d) +" 毫秒！";
}catch(e){}
}
tree.expandAll = function()
{
var d = new Date().getTime();
MzTreeView.prototype.expandAll.call(this);
alert("全部展开耗时 = "+ (new Date().getTime()-d) +
" 毫秒！\r\n有效节点总数 = "+ (this.index+1));
}
//-->
</SCRIPT>
</td><td width="230" valign=top>
·<u><a href="http://www.meizz.com/Web/Article.asp?id=436" target="_blank">使用说明</a></u><br>
·<u><a href="http://www.meizz.com/Web/Download/MzTreeView10.rar" target="_blank">下载 MzTreeVew V1.0</a></u><br><br>
聚焦到<input id=focusId size=5>节点<input type=button value="聚集" onclick="tree.focus(getObjectById('focusId').value)"><br>
<input type=button value="父层节点←" onclick="tree.upperNode()"><input type=button value="子层节点→" onclick="tree.lowerNode()"><br>
<input type=button value="上一节点↑" onclick="tree.pervNode()"><input type=button value="下一节点↓" onclick="tree.nextNode()"><br>
<input type=button value=展开所有节点 onclick="tree.expandAll()"><br>
<br><ul style="line-height: 14pt">
<li id=msgNode >1024 个节点的树！
<li id="TimeShow" style="color: #0000D0">在这里可以看到每个节点加载的耗时
<li id="TimeNode">
</ul></td>
</tr>
</table>
</body>
</html>
MzTreeView开发文档以及实例
5星 · 超过95%的资源 需积分: 9 176 浏览量
2010-05-21
11:58:50
上传
评论
收藏 47KB RAR 举报 
MzTreeView10.rar （29个子文件） 
MzTreeView10 
collection.gif 369B P2.gif 163B exit.gif 170B M0.gif 159B property.gif 132B L2.gif 68B book.gif 128B P1.gif 166B
MzTreeView10.htm 6KB treeview.asp 2KB P0.gif 163B folderopen.gif 126B M1.gif 163B L3.gif 63B MzTreeView10 开发文档.mht 42KB P3.gif 159B L4.gif 69B M3.gif 156B L0.gif 66B MzTreeView10.js 23KB M2.gif 159B L1.gif 73B L5.gif 58B tree.mdb 152KB Thumbs.db 27KB bookopen.gif 148B root.gif 173B file.gif 942B folder.gif 170B资源评论
西红柿炖土豆2014-06-03不错，有参考价值- ruoshuaisanqian2014-05-02这个对学习很有帮助，谢谢，1.0的还可以，
- qq326612772013-05-29好用的树形菜单，已经使用中。。
geoffreyqh2013-09-041.0的有点儿老了。
cljhyjs2014-06-24有参考价值
lixiang05j
- 粉丝: 13
- 资源: 4
最新资源
- 珍藏多年的基于matlab实现潮流计算程序源代码集合，包含多个潮流计算程序.rar
- 使用FPGA实现串-并型乘法器
- 基于matlab实现针对基于双曲线定位的DV-Hop算法中误差误差出一种基于加权双曲线定位的DV-Hop改进算法.rar
- 基于matlab实现由遗传算法开发的整数规划，车辆调度问题.rar
- 电视家7.0（对电视配置要求高).apk
- 免费计算机毕业设计-基于JavaEE的医院病历管理系统设计与实现（包含论文+源码）
- 手机端 我的世界融合植物大战僵尸版.apk
- 植物大战僵尸 · 戴夫的老年生活 手机版.apk
- Runcraft · 我的世界跑酷游戏 手机端.apk
- pta题库答案c语言.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
