added YUI and YUI-ext
fixed the resizable text area with IE problem fixed the ad space with IE problem merged the 7.2.0 and 7.1.4 change logs
This commit is contained in:
JT Smith
parent
6bf329d68d
commit
4f68a0933c
1026 changed files with 331404 additions and 60 deletions
805
www/extras/yui/docs/treeview/overview-summary-TreeView.js.html
Normal file
805
www/extras/yui/docs/treeview/overview-summary-TreeView.js.html
Normal file
|
|
@ -0,0 +1,805 @@
|
|||
|
||||
<html>
|
||||
<head>
|
||||
<!--<title>YUI API - TreeView.js</title>-->
|
||||
<!--<title>YUI API - TreeView.js </title>-->
|
||||
<title>API: TreeView overview-summary-TreeView.js.html (YUI Library)</title>
|
||||
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="header">
|
||||
<h1>Yahoo! UI Library</h1>
|
||||
<h3><a href="./index.html">TreeView</a></h3>
|
||||
|
||||
<div class="breadcrumbs">
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="./index.html">TreeView</a>
|
||||
>
|
||||
<strong>TreeView.js</strong>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="body">
|
||||
|
||||
|
||||
<div class="nav">
|
||||
<div class="module resources">
|
||||
<ul class="content">
|
||||
<li><a href="overview-tree.html">Tree View</a></li>
|
||||
<li><a href="index-all.html">Element Index</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="module">
|
||||
<h4><a href="./allclasses-noframe.html">Classes</a></h4>
|
||||
<ul class="content">
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.html">
|
||||
YAHOO.widget</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.HTMLNode.html">
|
||||
YAHOO.widget.HTMLNode</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.MenuNode.html">
|
||||
YAHOO.widget.MenuNode</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.Node.html">
|
||||
YAHOO.widget.Node</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.RootNode.html">
|
||||
YAHOO.widget.RootNode</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.TextNode.html">
|
||||
YAHOO.widget.TextNode</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.TreeView.html">
|
||||
YAHOO.widget.TreeView</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.TVAnim.html">
|
||||
YAHOO.widget.TVAnim</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.TVFadeIn.html">
|
||||
YAHOO.widget.TVFadeIn</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="YAHOO.widget.TVFadeOut.html">
|
||||
YAHOO.widget.TVFadeOut</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="module">
|
||||
<h4><a href="./overview-summary.html">Files</a></h4>
|
||||
<ul class="content">
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-HTMLNode.js.html">
|
||||
HTMLNode.js</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-MenuNode.js.html">
|
||||
MenuNode.js</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-Node.js.html">
|
||||
Node.js</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-RootNode.js.html">
|
||||
RootNode.js</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-TextNode.js.html">
|
||||
TextNode.js</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-TreeView.js.html">
|
||||
TreeView.js</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-TVAnim.js.html">
|
||||
TVAnim.js</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-TVFadeIn.js.html">
|
||||
TVFadeIn.js</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="overview-summary-TVFadeOut.js.html">
|
||||
TVFadeOut.js</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
|
||||
|
||||
|
||||
|
||||
<h2>TreeView.js</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="quick-links">
|
||||
<strong>Quick Links:</strong>
|
||||
|
||||
|
||||
<a href="#classSummary">Class Summary</a> |
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="#source">Source Code</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section class summaries">
|
||||
<h3><a name="classSummary">Class Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
|
||||
|
||||
<div class="content">
|
||||
<table border="1" cellpadding="3" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
<td class="name">
|
||||
<a href="YAHOO.widget.TreeView.html">YAHOO.widget.TreeView</a>
|
||||
</td>
|
||||
<td class="overview"> </td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="section source">
|
||||
<h3><a name="source">Souce Code</a> <span class="top">[<a href="#top">top</a>]</span></h3>
|
||||
<pre class="sourceview"><span class="comment">/**
|
||||
* Contains the tree view state data and the root node. This is an
|
||||
* ordered tree; child nodes will be displayed in the order created, and
|
||||
* there currently is no way to change this.
|
||||
*
|
||||
* <span class="attrib">@constructor</span>
|
||||
* <span class="attrib">@param</span> {string|HTMLElement} id The id of the element, or the element
|
||||
* itself that the tree will be inserted into.
|
||||
*/</span>
|
||||
YAHOO.widget.TreeView = <span class="reserved">function</span>(id) {
|
||||
<span class="reserved">if</span> (id) { <span class="reserved">this</span>.init(id); }
|
||||
};
|
||||
|
||||
<span class="comment">/**
|
||||
* Count of all nodes in all trees
|
||||
* <span class="attrib">@type</span> int
|
||||
*/</span>
|
||||
YAHOO.widget.TreeView.nodeCount = 0;
|
||||
|
||||
YAHOO.widget.TreeView.<span class="reserved">prototype</span> = {
|
||||
|
||||
<span class="comment">/**
|
||||
* The id of tree container element
|
||||
*
|
||||
* <span class="attrib">@type</span> String
|
||||
*/</span>
|
||||
id: null,
|
||||
|
||||
<span class="comment">/**
|
||||
* The host element for this tree
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
_el: null,
|
||||
|
||||
<span class="comment">/**
|
||||
* Flat collection of all nodes in this tree
|
||||
*
|
||||
* <span class="attrib">@type</span> Node[]
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
_nodes: null,
|
||||
|
||||
<span class="comment">/**
|
||||
* We lock the tree control while waiting for the dynamic loader to return
|
||||
*
|
||||
* <span class="attrib">@type</span> boolean
|
||||
*/</span>
|
||||
locked: false,
|
||||
|
||||
<span class="comment">/**
|
||||
* The animation to use for expanding children, if any
|
||||
*
|
||||
* <span class="attrib">@type</span> string
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
_expandAnim: null,
|
||||
|
||||
<span class="comment">/**
|
||||
* The animation to use for collapsing children, if any
|
||||
*
|
||||
* <span class="attrib">@type</span> string
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
_collapseAnim: null,
|
||||
|
||||
<span class="comment">/**
|
||||
* The current number of animations that are executing
|
||||
*
|
||||
* <span class="attrib">@type</span> int
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
_animCount: 0,
|
||||
|
||||
<span class="comment">/**
|
||||
* The maximum number of animations to run at one time.
|
||||
*
|
||||
* <span class="attrib">@type</span> int
|
||||
*/</span>
|
||||
maxAnim: 2,
|
||||
|
||||
<span class="comment">/**
|
||||
* Sets up the animation for expanding children
|
||||
*
|
||||
* <span class="attrib">@param</span> {string} the type of animation (acceptable values defined in
|
||||
* YAHOO.widget.TVAnim)
|
||||
*/</span>
|
||||
setExpandAnim: <span class="reserved">function</span>(type) {
|
||||
<span class="reserved">if</span> (YAHOO.widget.TVAnim.isValid(type)) {
|
||||
<span class="reserved">this</span>._expandAnim = type;
|
||||
}
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Sets up the animation for collapsing children
|
||||
*
|
||||
* <span class="attrib">@param</span> {string} the type of animation (acceptable values defined in
|
||||
* YAHOO.widget.TVAnim)
|
||||
*/</span>
|
||||
setCollapseAnim: <span class="reserved">function</span>(type) {
|
||||
<span class="reserved">if</span> (YAHOO.widget.TVAnim.isValid(type)) {
|
||||
<span class="reserved">this</span>._collapseAnim = type;
|
||||
}
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Perform the expand animation if configured, or just show the
|
||||
* element if not configured or too many animations are in progress
|
||||
*
|
||||
* <span class="attrib">@param</span> el {HTMLElement} the element to animate
|
||||
* <span class="attrib">@return</span> {boolean} true if animation could be invoked, false otherwise
|
||||
*/</span>
|
||||
animateExpand: <span class="reserved">function</span>(el) {
|
||||
<span class="reserved">this</span>.logger.log(<span class="literal">"animating expand"</span>);
|
||||
|
||||
<span class="reserved">if</span> (<span class="reserved">this</span>._expandAnim && <span class="reserved">this</span>._animCount < <span class="reserved">this</span>.maxAnim) {
|
||||
<span class="comment"> // this.locked = true;</span>
|
||||
var tree = <span class="reserved">this</span>;
|
||||
var a = YAHOO.widget.TVAnim.getAnim(<span class="reserved">this</span>._expandAnim, el,
|
||||
<span class="reserved">function</span>() { tree.expandComplete(); });
|
||||
<span class="reserved">if</span> (a) {
|
||||
++<span class="reserved">this</span>._animCount;
|
||||
a.animate();
|
||||
}
|
||||
|
||||
<span class="reserved">return</span> true;
|
||||
}
|
||||
|
||||
<span class="reserved">return</span> false;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Perform the collapse animation if configured, or just show the
|
||||
* element if not configured or too many animations are in progress
|
||||
*
|
||||
* <span class="attrib">@param</span> el {HTMLElement} the element to animate
|
||||
* <span class="attrib">@return</span> {boolean} true if animation could be invoked, false otherwise
|
||||
*/</span>
|
||||
animateCollapse: <span class="reserved">function</span>(el) {
|
||||
<span class="reserved">this</span>.logger.log(<span class="literal">"animating collapse"</span>);
|
||||
|
||||
<span class="reserved">if</span> (<span class="reserved">this</span>._collapseAnim && <span class="reserved">this</span>._animCount < <span class="reserved">this</span>.maxAnim) {
|
||||
<span class="comment"> // this.locked = true;</span>
|
||||
var tree = <span class="reserved">this</span>;
|
||||
var a = YAHOO.widget.TVAnim.getAnim(<span class="reserved">this</span>._collapseAnim, el,
|
||||
<span class="reserved">function</span>() { tree.collapseComplete(); });
|
||||
<span class="reserved">if</span> (a) {
|
||||
++<span class="reserved">this</span>._animCount;
|
||||
a.animate();
|
||||
}
|
||||
|
||||
<span class="reserved">return</span> true;
|
||||
}
|
||||
|
||||
<span class="reserved">return</span> false;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Function executed when the expand animation completes
|
||||
*/</span>
|
||||
expandComplete: <span class="reserved">function</span>() {
|
||||
<span class="reserved">this</span>.logger.log(<span class="literal">"expand complete: "</span> + <span class="reserved">this</span>.id);
|
||||
--<span class="reserved">this</span>._animCount;
|
||||
<span class="comment"> // this.locked = false;</span>
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Function executed when the collapse animation completes
|
||||
*/</span>
|
||||
collapseComplete: <span class="reserved">function</span>() {
|
||||
<span class="reserved">this</span>.logger.log(<span class="literal">"collapse complete: "</span> + <span class="reserved">this</span>.id);
|
||||
--<span class="reserved">this</span>._animCount;
|
||||
<span class="comment"> // this.locked = false;</span>
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Initializes the tree
|
||||
*
|
||||
* <span class="attrib">@parm</span> {string|HTMLElement} id the id of the element that will hold the tree
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
init: <span class="reserved">function</span>(id) {
|
||||
|
||||
<span class="reserved">this</span>.id = id;
|
||||
|
||||
<span class="reserved">if</span> (<span class="literal">"string"</span> !== typeof id) {
|
||||
<span class="reserved">this</span>._el = id;
|
||||
<span class="reserved">this</span>.id = <span class="reserved">this</span>.generateId(id);
|
||||
}
|
||||
|
||||
<span class="reserved">this</span>._nodes = [];
|
||||
<span class="comment">
|
||||
// store a global reference</span>
|
||||
YAHOO.widget.TreeView.trees[<span class="reserved">this</span>.id] = <span class="reserved">this</span>;
|
||||
<span class="comment">
|
||||
// Set up the root node</span>
|
||||
<span class="reserved">this</span>.root = new YAHOO.widget.RootNode(<span class="reserved">this</span>);
|
||||
|
||||
<span class="reserved">this</span>.logger = new YAHOO.widget.LogWriter(<span class="reserved">this</span>.toString());
|
||||
|
||||
<span class="reserved">this</span>.logger.log(<span class="literal">"tree init: "</span> + <span class="reserved">this</span>.id);
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Renders the tree boilerplate and visible nodes
|
||||
*/</span>
|
||||
draw: <span class="reserved">function</span>() {
|
||||
var html = <span class="reserved">this</span>.root.getHtml();
|
||||
<span class="reserved">this</span>.getEl().innerHTML = html;
|
||||
<span class="reserved">this</span>.firstDraw = false;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Returns the tree's host element
|
||||
* <span class="attrib">@return</span> {HTMLElement} the host element
|
||||
*/</span>
|
||||
getEl: <span class="reserved">function</span>() {
|
||||
<span class="reserved">if</span> (! <span class="reserved">this</span>._el) {
|
||||
<span class="reserved">this</span>._el = document.getElementById(<span class="reserved">this</span>.id);
|
||||
}
|
||||
<span class="reserved">return</span> <span class="reserved">this</span>._el;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Nodes register themselves with the tree instance when they are created.
|
||||
*
|
||||
* <span class="attrib">@param</span> node {Node} the node to register
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
regNode: <span class="reserved">function</span>(node) {
|
||||
<span class="reserved">this</span>._nodes[node.index] = node;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Returns the root node of this tree
|
||||
*
|
||||
* <span class="attrib">@return</span> {Node} the root node
|
||||
*/</span>
|
||||
getRoot: <span class="reserved">function</span>() {
|
||||
<span class="reserved">return</span> <span class="reserved">this</span>.root;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Configures this tree to dynamically load all child data
|
||||
*
|
||||
* <span class="attrib">@param</span> {function} fnDataLoader the function that will be called to get the data
|
||||
* <span class="attrib">@param</span> iconMode {int} configures the icon that is displayed when a dynamic
|
||||
* load node is expanded the first time without children. By default, the
|
||||
* "collapse" icon will be used. If set to 1, the leaf node icon will be
|
||||
* displayed.
|
||||
*/</span>
|
||||
setDynamicLoad: <span class="reserved">function</span>(fnDataLoader, iconMode) {
|
||||
<span class="reserved">this</span>.root.setDynamicLoad(fnDataLoader, iconMode);
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Expands all child nodes. Note: this conflicts with the "multiExpand"
|
||||
* node property. If expand all is called in a tree with nodes that
|
||||
* do not allow multiple siblings to be displayed, only the last sibling
|
||||
* will be expanded.
|
||||
*/</span>
|
||||
expandAll: <span class="reserved">function</span>() {
|
||||
<span class="reserved">if</span> (!<span class="reserved">this</span>.locked) {
|
||||
<span class="reserved">this</span>.root.expandAll();
|
||||
}
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Collapses all expanded child nodes in the entire tree.
|
||||
*/</span>
|
||||
collapseAll: <span class="reserved">function</span>() {
|
||||
<span class="reserved">if</span> (!<span class="reserved">this</span>.locked) {
|
||||
<span class="reserved">this</span>.root.collapseAll();
|
||||
}
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Returns a node in the tree that has the specified index (this index
|
||||
* is created internally, so this function probably will only be used
|
||||
* in html generated for a given node.)
|
||||
*
|
||||
* <span class="attrib">@param</span> {int} nodeIndex the index of the node wanted
|
||||
* <span class="attrib">@return</span> {Node} the node with index=nodeIndex, null if no match
|
||||
*/</span>
|
||||
getNodeByIndex: <span class="reserved">function</span>(nodeIndex) {
|
||||
var n = <span class="reserved">this</span>._nodes[nodeIndex];
|
||||
<span class="reserved">return</span> (n) ? n : null;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Returns a node that has a matching property and value in the data
|
||||
* object that was passed into its constructor.
|
||||
*
|
||||
* <span class="attrib">@param</span> {object} property the property to search (usually a string)
|
||||
* <span class="attrib">@param</span> {object} value the value we want to find (usuall an int or string)
|
||||
* <span class="attrib">@return</span> {Node} the matching node, null if no match
|
||||
*/</span>
|
||||
getNodeByProperty: <span class="reserved">function</span>(property, value) {
|
||||
<span class="reserved">for</span> (var i in <span class="reserved">this</span>._nodes) {
|
||||
var n = <span class="reserved">this</span>._nodes[i];
|
||||
<span class="reserved">if</span> (n.data && value == n.data[property]) {
|
||||
<span class="reserved">return</span> n;
|
||||
}
|
||||
}
|
||||
|
||||
<span class="reserved">return</span> null;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Returns a collection of nodes that have a matching property
|
||||
* and value in the data object that was passed into its constructor.
|
||||
*
|
||||
* <span class="attrib">@param</span> {object} property the property to search (usually a string)
|
||||
* <span class="attrib">@param</span> {object} value the value we want to find (usuall an int or string)
|
||||
* <span class="attrib">@return</span> {Array} the matching collection of nodes, null if no match
|
||||
*/</span>
|
||||
getNodesByProperty: <span class="reserved">function</span>(property, value) {
|
||||
var values = [];
|
||||
<span class="reserved">for</span> (var i in <span class="reserved">this</span>._nodes) {
|
||||
var n = <span class="reserved">this</span>._nodes[i];
|
||||
<span class="reserved">if</span> (n.data && value == n.data[property]) {
|
||||
values.push(n);
|
||||
}
|
||||
}
|
||||
|
||||
<span class="reserved">return</span> (values.length) ? values : null;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Removes the node and its children, and optionally refreshes the
|
||||
* branch of the tree that was affected.
|
||||
* <span class="attrib">@param</span> {Node} The node to remove
|
||||
* <span class="attrib">@param</span> {boolean} autoRefresh automatically refreshes branch if true
|
||||
* <span class="attrib">@return</span> {boolean} False is there was a problem, true otherwise.
|
||||
*/</span>
|
||||
removeNode: <span class="reserved">function</span>(node, autoRefresh) {
|
||||
<span class="comment">
|
||||
// Don't delete the root node</span>
|
||||
<span class="reserved">if</span> (node.isRoot()) {
|
||||
<span class="reserved">return</span> false;
|
||||
}
|
||||
<span class="comment">
|
||||
// Get the branch that we may need to refresh</span>
|
||||
var p = node.parent;
|
||||
<span class="reserved">if</span> (p.parent) {
|
||||
p = p.parent;
|
||||
}
|
||||
<span class="comment">
|
||||
// Delete the node and its children</span>
|
||||
<span class="reserved">this</span>._deleteNode(node);
|
||||
<span class="comment">
|
||||
// Refresh the parent of the parent</span>
|
||||
<span class="reserved">if</span> (autoRefresh && p && p.childrenRendered) {
|
||||
p.refresh();
|
||||
}
|
||||
|
||||
<span class="reserved">return</span> true;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Deletes this nodes child collection, recursively. Also collapses
|
||||
* the node, and resets the dynamic load flag. The primary use for
|
||||
* this method is to purge a node and allow it to fetch its data
|
||||
* dynamically again.
|
||||
* <span class="attrib">@param</span> {Node} node the node to purge
|
||||
*/</span>
|
||||
removeChildren: <span class="reserved">function</span>(node) {
|
||||
<span class="reserved">this</span>.logger.log(<span class="literal">"Removing children for "</span> + node);
|
||||
<span class="reserved">while</span> (node.children.length) {
|
||||
<span class="reserved">this</span>._deleteNode(node.children[0]);
|
||||
}
|
||||
|
||||
node.childrenRendered = false;
|
||||
node.dynamicLoadComplete = false;
|
||||
<span class="comment"> // node.collapse();</span>
|
||||
node.expand();
|
||||
node.collapse();
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Deletes the node and recurses children
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
_deleteNode: <span class="reserved">function</span>(node) {
|
||||
<span class="comment"> // Remove all the child nodes first</span>
|
||||
<span class="reserved">this</span>.removeChildren(node);
|
||||
<span class="comment">
|
||||
// Remove the node from the tree</span>
|
||||
<span class="reserved">this</span>.popNode(node);
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Removes the node from the tree, preserving the child collection
|
||||
* to make it possible to insert the branch into another part of the
|
||||
* tree, or another tree.
|
||||
* <span class="attrib">@param</span> {Node} the node to remove
|
||||
*/</span>
|
||||
popNode: <span class="reserved">function</span>(node) {
|
||||
var p = node.parent;
|
||||
<span class="comment">
|
||||
// Update the parent's collection of children</span>
|
||||
var a = [];
|
||||
|
||||
<span class="reserved">for</span> (var i=0, len=p.children.length;i<len;++i) {
|
||||
<span class="reserved">if</span> (p.children[i] != node) {
|
||||
a[a.length] = p.children[i];
|
||||
}
|
||||
}
|
||||
|
||||
p.children = a;
|
||||
<span class="comment">
|
||||
// reset the childrenRendered flag for the parent</span>
|
||||
p.childrenRendered = false;
|
||||
<span class="comment">
|
||||
// Update the sibling relationship</span>
|
||||
<span class="reserved">if</span> (node.previousSibling) {
|
||||
node.previousSibling.nextSibling = node.nextSibling;
|
||||
}
|
||||
|
||||
<span class="reserved">if</span> (node.nextSibling) {
|
||||
node.nextSibling.previousSibling = node.previousSibling;
|
||||
}
|
||||
<span class="comment">
|
||||
// Update the tree's node collection </span>
|
||||
delete <span class="reserved">this</span>._nodes[node.index];
|
||||
},
|
||||
|
||||
|
||||
<span class="comment">/**
|
||||
* toString
|
||||
* <span class="attrib">@return</span> {string} string representation of the tree
|
||||
*/</span>
|
||||
toString: <span class="reserved">function</span>() {
|
||||
<span class="reserved">return</span> <span class="literal">"TreeView "</span> + <span class="reserved">this</span>.id;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* private
|
||||
*/</span>
|
||||
generateId: <span class="reserved">function</span>(el) {
|
||||
var id = el.id;
|
||||
|
||||
<span class="reserved">if</span> (!id) {
|
||||
id = <span class="literal">"yui-tv-auto-id-"</span> + YAHOO.widget.TreeView.counter;
|
||||
YAHOO.widget.TreeView.counter++;
|
||||
}
|
||||
|
||||
<span class="reserved">return</span> id;
|
||||
},
|
||||
|
||||
<span class="comment">/**
|
||||
* Abstract method that is executed when a node is expanded
|
||||
* <span class="attrib">@param</span> node {Node} the node that was expanded
|
||||
*/</span>
|
||||
onExpand: <span class="reserved">function</span>(node) { },
|
||||
|
||||
<span class="comment">/**
|
||||
* Abstract method that is executed when a node is collapsed
|
||||
* <span class="attrib">@param</span> node {Node} the node that was collapsed.
|
||||
*/</span>
|
||||
onCollapse: <span class="reserved">function</span>(node) { }
|
||||
|
||||
};
|
||||
|
||||
<span class="comment">/**
|
||||
* Global cache of tree instances
|
||||
*
|
||||
* <span class="attrib">@type</span> Array
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
YAHOO.widget.TreeView.trees = [];
|
||||
|
||||
<span class="comment">/**
|
||||
* <span class="attrib">@private</span>
|
||||
*/</span>
|
||||
YAHOO.widget.TreeView.counter = 0;
|
||||
|
||||
<span class="comment">/**
|
||||
* Global method for getting a tree by its id. Used in the generated
|
||||
* tree html.
|
||||
*
|
||||
* <span class="attrib">@param</span> treeId {String} the id of the tree instance
|
||||
* <span class="attrib">@return</span> {TreeView} the tree instance requested, null if not found.
|
||||
*/</span>
|
||||
YAHOO.widget.TreeView.getTree = <span class="reserved">function</span>(treeId) {
|
||||
var t = YAHOO.widget.TreeView.trees[treeId];
|
||||
<span class="reserved">return</span> (t) ? t : null;
|
||||
};
|
||||
|
||||
|
||||
<span class="comment">/**
|
||||
* Global method for getting a node by its id. Used in the generated
|
||||
* tree html.
|
||||
*
|
||||
* <span class="attrib">@param</span> treeId {String} the id of the tree instance
|
||||
* <span class="attrib">@param</span> nodeIndex {String} the index of the node to return
|
||||
* <span class="attrib">@return</span> {Node} the node instance requested, null if not found
|
||||
*/</span>
|
||||
YAHOO.widget.TreeView.getNode = <span class="reserved">function</span>(treeId, nodeIndex) {
|
||||
var t = YAHOO.widget.TreeView.getTree(treeId);
|
||||
<span class="reserved">return</span> (t) ? t.getNodeByIndex(nodeIndex) : null;
|
||||
};
|
||||
|
||||
<span class="comment">/**
|
||||
* Adds an event. Replace with event manager when available
|
||||
*
|
||||
* <span class="attrib">@param</span> el the elment to bind the handler to
|
||||
* <span class="attrib">@param</span> {string} sType the type of event handler
|
||||
* <span class="attrib">@param</span> {function} fn the callback to invoke
|
||||
* <span class="attrib">@param</span> {boolean} capture if true event is capture phase, bubble otherwise
|
||||
*/</span>
|
||||
YAHOO.widget.TreeView.addHandler = <span class="reserved">function</span> (el, sType, fn, capture) {
|
||||
capture = (capture) ? true : false;
|
||||
<span class="reserved">if</span> (el.addEventListener) {
|
||||
el.addEventListener(sType, fn, capture);
|
||||
} <span class="reserved">else</span> <span class="reserved">if</span> (el.attachEvent) {
|
||||
el.attachEvent(<span class="literal">"on"</span> + sType, fn);
|
||||
} <span class="reserved">else</span> {
|
||||
el[<span class="literal">"on"</span> + sType] = fn;
|
||||
}
|
||||
};
|
||||
|
||||
<span class="comment">/**
|
||||
* Attempts to preload the images defined in the styles used to draw the tree by
|
||||
* rendering off-screen elements that use the styles.
|
||||
*/</span>
|
||||
YAHOO.widget.TreeView.preload = <span class="reserved">function</span>(prefix) {
|
||||
prefix = prefix || <span class="literal">"ygtv"</span>;
|
||||
var styles = [<span class="literal">"tn"</span>,<span class="literal">"tm"</span>,<span class="literal">"tmh"</span>,<span class="literal">"tp"</span>,<span class="literal">"tph"</span>,<span class="literal">"ln"</span>,<span class="literal">"lm"</span>,<span class="literal">"lmh"</span>,<span class="literal">"lp"</span>,<span class="literal">"lph"</span>,<span class="literal">"loading"</span>];
|
||||
|
||||
var sb = [];
|
||||
|
||||
<span class="reserved">for</span> (var i = 0; i < styles.length; ++i) {
|
||||
sb[sb.length] = <span class="literal">'<span class="'</span> + prefix + styles[i] + <span class="literal">'">&#160;</span>'</span>;
|
||||
}
|
||||
|
||||
var f = document.createElement(<span class="literal">"DIV"</span>);
|
||||
var s = f.style;
|
||||
s.position = <span class="literal">"absolute"</span>;
|
||||
s.top = <span class="literal">"-1000px"</span>;
|
||||
s.left = <span class="literal">"-1000px"</span>;
|
||||
f.innerHTML = sb.join(<span class="literal">""</span>);
|
||||
|
||||
document.body.appendChild(f);
|
||||
};
|
||||
|
||||
YAHOO.widget.TreeView.addHandler(window,
|
||||
<span class="literal">"load"</span>, YAHOO.widget.TreeView.preload);
|
||||
|
||||
</pre>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="footer">
|
||||
<hr />
|
||||
Copyright © 2004 - 2006 Yahoo! Inc. All rights reserved.
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue