• php tree生成树分享


     在网上找了N久都没找到一个好的树,下面将这个树和大家分享一下.
    概要 Functions add openAll closeAll openTo Configuration Functions add () Adds对树的一个结。在画之前,仅Can叫树。 需要id、pid和名字。 Parameters Name类型描述 id数字独特的身分数字。 pid提到父母结的数字数字。 根节点的价值必须是-1。 name串结的文本标签。 url结的串URL。 title结的串标题。 target结的串目标。 icon串使用的图象文件作为象。 用途缺省,如果没指定。 iconOpen串使用的图象文件作为开放象。 用途缺省,如果没指定。 布尔的open是开放的结。 Example mytree.add (1, 0, ‘我的结’, ‘node.html’, ‘结标题’, ‘计算机主机’, ‘img或者musicfolder.gif’); openAll () Opens所有结。在画前后, Can叫树。 Example mytree.openAll (); closeAll () Closes所有结。在画前后, Can叫树。 Example mytree.closeAll (); openTo () Opens对某一结的树,并且可能也选择结。在画之后,仅Can叫树。 Parameters Name类型描述 id数字结的身分数字。 布尔的select如果结被选择。 Example mytree.openTo (4,配齐); Configuration Variable类型缺省描述 所有结的target串真实的目标。 folderLinks布尔真实如果文件夹是链接。 useSelection布尔真实的结可以被选择(突出)。 布尔的useCookies配齐树用途曲奇饼对它是状态的rember。 useLines布尔真实的树画与线。 useIcons布尔真实的树画与象。 在状态栏的useStatusText布尔错误显示结点名而不是URL。 在父母之内的closeSameLevel布尔错误仅一个结可以同时被扩展。 openAll ()和closeAll ()作用不运作,当这使能时。 inOrder布尔错误,如果父母结在孩子之前总是增加,设置此配齐加速树。 Example mytree.config.target = “mytarget”;
    实例如下:
    
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    
    
    <html>
    
    
    
    <head>
    
    	<title>Destroydrop » Javascripts » Tree</title>
    
    
    
    	<link rel="StyleSheet" href="dtree.css" type="text/css" />
    
    	<script type="text/javascript" src="dtree.js"></script>
    
    
    
    </head>
    
    
    
    <body>
    
    
    
    <h1><a href="/">Destroydrop</a> » <a href="/javascripts/">Javascripts</a> » <a href="/javascripts/tree/">Tree</a></h1>
    
    
    
    <h2>Example</h2>
    
    
    
    <div class="dtree">
    
    
    
    	<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
    
    
    
    	<script type="text/javascript">
    
    		<!--
    
    
    
    		d = new dTree('d');
    
    
    
    		d.add(0,-1,'My example tree');
    
    		d.add(1,0,'Node 1','example01.html');
    
    		d.add(2,0,'Node 2','example01.html');
    
    		d.add(3,1,'Node 1.1','example01.html');
    
    		d.add(4,0,'Node 3','example01.html');
    
    		d.add(5,3,'Node 1.1.1','example01.html');
    
    		d.add(6,5,'Node 1.1.1.1','example01.html');
    
    		d.add(7,0,'Node 4','example01.html');
    
    		d.add(8,1,'Node 1.2','example01.html');
    
    		d.add(9,0,'My Pictures','example01.html','Pictures I/'ve taken over the years','','','img/imgfolder.gif');
    
    		d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
    
    		d.add(11,9,'Mom/'s birthday','example01.html');
    
    		d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
    
    
    
    		document.write(d);
    
    
    
    		//-->
    
    	</script>
    
    
    
    </div>
    
    
    
    <p><a href="mailto:drop@destroydrop.com">©2002-2003 Geir Landrö</a></p>
    
    
    
    </body>
    
    
    
    </html>
    下载地址:
  • 相关阅读:
    使用webpack + momentjs
    关于vue3的proxy代理的简单实现
    电脑网卡重置
    Cookie加密处理
    浅谈 JS 防抖和节流
    WebSocket 与 Socket.IO
    React中useState,useEffect的使用
    react中Context的使用
    React中匿名插槽与具名插槽的使用
    React中PureComponent的使用
  • 原文地址:https://www.cnblogs.com/fengju/p/6174053.html
Copyright © 2020-2023  润新知