📄 '
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><title>Yahoo! UI Library - Tree Control</title><link rel="stylesheet" type="text/css" href="http://us.js2.yimg.com/us.js.yimg.com/lib/common/css/fonts_2.0.0-b3.css" /><link rel="stylesheet" type="text/css" href="http://us.js2.yimg.com/us.js.yimg.com/lib/common/css/grids_2.0.0-b3.css" /><link rel="stylesheet" type="text/css" href="css/screen.css" /><link rel="stylesheet" type="text/css" href="css/local/tree.css" /></head> <body><div id="pageTitle"> <h3>Tree Control</h3></div><?php include('inc-alljs.php'); ?><?php include('inc-rightbar.php'); ?> <div id="content"> <form id="mainForm" action="javscript:;"> <div class="newsItem"> <h3>Default TreeView Widget</h3> <p> </p> <div id="expandcontractdiv"> <a href="javascript:tree.expandAll()">Expand all</a> <a href="javascript:tree.collapseAll()">Collapse all</a> </div> <div id="treeDiv1"></div> </div> </form> </div> <div id="footerContainer"> <div id="footer"> <p> </p> </div> </div> </div> </div></div><script type="text/javascript">//<![CDATA[var tree;(function() { var nodeIndex, nodes=[], callback = null; function treeInit() { buildRandomTextNodeTree(); } function buildRandomTextNodeTree() { tree = new YAHOO.widget.TreeView("treeDiv1"); for (var i = 0; i < Math.floor((Math.random()*4) + 20); i++) { var tmpNode = new YAHOO.widget.TextNode("label-" + i, tree.getRoot(), false); // tmpNode.collapse(); // tmpNode.expand(); buildRandomTextBranch(tmpNode); // buildLargeBranch(tmpNode); } // Expand and collapse happen prior to the actual expand/collapse, // and can be used to cancel the operation tree.subscribe("expand", function(node) { //alert(node.index + " was expanded"); // return false; // return false to cancel the expand }); tree.subscribe("collapse", function(node) { //alert(node.index + " was collapsed"); }); // Trees with TextNodes will fire an event for when the label is clicked: tree.subscribe("labelClick", function(node) { //alert(node.index + " label was clicked"); }); tree.draw(); YAHOO.log("Nodes " + tree._nodes.length); } function buildLargeBranch(node) { if (node.depth < 10) { YAHOO.log("buildRandomTextBranch: " + node.index); for ( var i = 0; i < 10; i++ ) { new YAHOO.widget.TextNode(node.label + "-" + i, node, false); } } } function buildRandomTextBranch(node) { if (node.depth < 10) { YAHOO.log("buildRandomTextBranch: " + node.index); for ( var i = 0; i < Math.floor(Math.random() * 4) ; i++ ) { var tmpNode = new YAHOO.widget.TextNode(node.label + "-" + i, node, false); buildRandomTextBranch(tmpNode); } } } YAHOO.util.Event.addListener(window, "load", treeInit);})();//]]></script> </body></html> ⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -