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 2006-11-07 23:15:57 +00:00
parent 6bf329d68d
commit 4f68a0933c
1026 changed files with 331404 additions and 60 deletions

View file

@ -0,0 +1,634 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - YAHOO.widget.HTMLNode</title>-->
<title>API: TreeView YAHOO.widget.HTMLNode.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>
&gt;
<strong>YAHOO.widget.HTMLNode</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 id="pri">
<div class="main">
<h2>Class YAHOO.widget.HTMLNode</h2>
<pre>Object
|
+--<a href='YAHOO.widget.Node.html'>YAHOO.widget.Node</a>
|
+--<b>YAHOO.widget.HTMLNode</b>
</pre>
<hr />
<!-- Class definition -->
<div class="class-def">
<div class="class-name">
<span class="class-attribs">
</span>
<span class="class-type">class</span>
<b>YAHOO.widget.HTMLNode</b>
</div>
<div class="class-extends">
<dd>extends <a href='YAHOO.widget.Node.html'>YAHOO.widget.Node</a></dd>
</div>
</div>
<div class="meta">
</div>
<!-- ======== QUICK LINKS ======== -->
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#field_summary">Field Summary</a>
|
<a href="#constructor_summary">Constructor Summary</a>
|
<a href="#methodSummary">Method Summary</a> |
<a href="#methodDetails">Method Details</a>
</div>
<!-- ======== END QUICK LINKS ======== -->
<!-- ======== NESTED CLASS SUMMARY ======== -->
<!-- ======== END NESTED CLASS SUMMARY ======== -->
<!-- =========== FIELD SUMMARY =========== -->
<div class="section field summaries">
<h3><a name="field_summary">Field 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="flags">string</td>
<td class="spec">
<code>
<a href="#content">content</a>
</code>
<div class="description">
The HTML content to use for this node's display&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">string</td>
<td class="spec">
<code>
<a href="#contentElId">contentElId</a>
</code>
<div class="description">
The generated id that will contain the data passed in by the implementer.&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">string</td>
<td class="spec">
<code>
<a href="#contentStyle">contentStyle</a>
</code>
<div class="description">
The CSS class for the html content container.&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="section field inheritance">
<h3>Fields inherited from class <a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code><a href="YAHOO.widget.Node.html#index">index</a>, <a href="YAHOO.widget.Node.html#children">children</a>, <a href="YAHOO.widget.Node.html#tree">tree</a>, <a href="YAHOO.widget.Node.html#data">data</a>, <a href="YAHOO.widget.Node.html#parent">parent</a>, <a href="YAHOO.widget.Node.html#href">href</a>, <a href="YAHOO.widget.Node.html#target">target</a>, <a href="YAHOO.widget.Node.html#expanded">expanded</a>, <a href="YAHOO.widget.Node.html#multiExpand">multiExpand</a>, <a href="YAHOO.widget.Node.html#renderHidden">renderHidden</a>, <a href="YAHOO.widget.Node.html#childrenRendered">childrenRendered</a>, <a href="YAHOO.widget.Node.html#dynamicLoadComplete">dynamicLoadComplete</a>, <a href="YAHOO.widget.Node.html#previousSibling">previousSibling</a>, <a href="YAHOO.widget.Node.html#nextSibling">nextSibling</a>, <a href="YAHOO.widget.Node.html#dataLoader">dataLoader</a>, <a href="YAHOO.widget.Node.html#isLoading">isLoading</a>, <a href="YAHOO.widget.Node.html#hasIcon">hasIcon</a>, <a href="YAHOO.widget.Node.html#iconMode">iconMode</a></code>
</div>
</div>
<!-- =========== END FIELD SUMMARY =========== -->
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<div class="section contructor summaries">
<h3><a name="constructor_summary">Constructor Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code class="spec">
<a href="YAHOO.widget.HTMLNode.html#YAHOO.widget.HTMLNode()">YAHOO.widget.HTMLNode</a>
</code>
<div class="description">
This implementation takes either a string or object for the
oData argument.&nbsp;
</div>
</div>
</div>
<!-- ======== END CONSTRUCTOR SUMMARY ======== -->
<!-- ========== METHOD SUMMARY =========== -->
<div class="section method summaries">
<h3><a name="methodSummary">Method 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="flags">HTMLElement</td>
<td class="spec">
<code>
<a href="#getContentEl">getContentEl</a>
()
</code>
<div class="description">
Returns the outer html element for this node's content&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">string</td>
<td class="spec">
<code>
<a href="#getNodeHtml">getNodeHtml</a>
()
</code>
<div class="description">
Get the markup for the node.&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">void</td>
<td class="spec">
<code>
<a href="#initContent">initContent</a>
(oData, &lt;boolean&gt; hasIcon)
</code>
<div class="description">
Sets up the node label&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">string</td>
<td class="spec">
<code>
<a href="#toString">toString</a>
()
</code>
<div class="description">
toString&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="section method inheritance">
<h3>Methods inherited from class <a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a></h3>
<div class="content">
<code><a href="YAHOO.widget.Node.html#init">init</a>, <a href="YAHOO.widget.Node.html#applyParent">applyParent</a>, <a href="YAHOO.widget.Node.html#appendTo">appendTo</a>, <a href="YAHOO.widget.Node.html#insertBefore">insertBefore</a>, <a href="YAHOO.widget.Node.html#insertAfter">insertAfter</a>, <a href="YAHOO.widget.Node.html#getSiblings">getSiblings</a>, <a href="YAHOO.widget.Node.html#showChildren">showChildren</a>, <a href="YAHOO.widget.Node.html#hideChildren">hideChildren</a>, <a href="YAHOO.widget.Node.html#getElId">getElId</a>, <a href="YAHOO.widget.Node.html#getChildrenElId">getChildrenElId</a>, <a href="YAHOO.widget.Node.html#getToggleElId">getToggleElId</a>, <a href="YAHOO.widget.Node.html#getEl">getEl</a>, <a href="YAHOO.widget.Node.html#getChildrenEl">getChildrenEl</a>, <a href="YAHOO.widget.Node.html#getToggleEl">getToggleEl</a>, <a href="YAHOO.widget.Node.html#getToggleLink">getToggleLink</a>, <a href="YAHOO.widget.Node.html#collapse">collapse</a>, <a href="YAHOO.widget.Node.html#expand">expand</a>, <a href="YAHOO.widget.Node.html#getStyle">getStyle</a>, <a href="YAHOO.widget.Node.html#getHoverStyle">getHoverStyle</a>, <a href="YAHOO.widget.Node.html#expandAll">expandAll</a>, <a href="YAHOO.widget.Node.html#collapseAll">collapseAll</a>, <a href="YAHOO.widget.Node.html#setDynamicLoad">setDynamicLoad</a>, <a href="YAHOO.widget.Node.html#isRoot">isRoot</a>, <a href="YAHOO.widget.Node.html#isDynamic">isDynamic</a>, <a href="YAHOO.widget.Node.html#getIconMode">getIconMode</a>, <a href="YAHOO.widget.Node.html#hasChildren">hasChildren</a>, <a href="YAHOO.widget.Node.html#toggle">toggle</a>, <a href="YAHOO.widget.Node.html#getHtml">getHtml</a>, <a href="YAHOO.widget.Node.html#completeRender">completeRender</a>, <a href="YAHOO.widget.Node.html#loadComplete">loadComplete</a>, <a href="YAHOO.widget.Node.html#getAncestor">getAncestor</a>, <a href="YAHOO.widget.Node.html#getDepthStyle">getDepthStyle</a>, <a href="YAHOO.widget.Node.html#refresh">refresh</a></code>
</div>
</div>
<!-- ========== END METHOD SUMMARY =========== -->
<!-- ============ FIELD DETAIL START =========== -->
<div class="section field details">
<h3><a name="field_detail">Field Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="content">content</a></h4>
<div class="detail">
<code>
string
&nbsp;
<strong>content</strong>
</code>
<div class="description">
The HTML content to use for this node's display
</div>
</div>
<hr />
<h4><a name="contentElId">contentElId</a></h4>
<div class="detail">
<code>
string
&nbsp;
<strong>contentElId</strong>
</code>
<div class="description">
The generated id that will contain the data passed in by the implementer.
</div>
</div>
<hr />
<h4><a name="contentStyle">contentStyle</a></h4>
<div class="detail">
<code>
string
&nbsp;
<strong>contentStyle</strong>
</code>
<div class="description">
The CSS class for the html content container. Defaults to ygtvhtml, but
can be overridden to provide a custom presentation for a specific node.
</div>
</div>
<hr />
</div>
</div>
<!-- ============ FIELD DETAIL END =========== -->
<!-- ========= CONSTRUCTOR DETAIL START ======== -->
<div class="section constructor details">
<h3><a name="constructor_detail">Constructor Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="YAHOO.widget.HTMLNode()">YAHOO.widget.HTMLNode</a></h4>
<div class="detail">
<code>
<strong>YAHOO.widget.HTMLNode</strong>
()
</code>
<div class="description">
This implementation takes either a string or object for the
oData argument. If is it a string, we will use it for the display
of this node (and it can contain any html code). If the parameter
is an object, we look for a parameter called "html" that will be
used for this node's display.
<dl>
<dt>Parameters:</dt>
<dd>
<code>oData</code> -
{object} a string or object containing the data that will be used to render this node
</dd>
<dd>
<code>oParent</code> -
{YAHOO.widget.Node} this node's parent node
</dd>
<dd>
<code>expanded</code> -
{boolean} the initial expanded/collapsed state
</dd>
<dd>
<code>hasIcon</code> -
{boolean} specifies whether or not leaf nodes should have an icon
</dd>
</dl>
</div>
</div>
</div>
</div>
<!-- ========= CONSTRUCTOR DETAIL END ======== -->
<!-- ============ METHOD DETAIL START ========== -->
<div class="section method details">
<h3><a name="methodDetails">Method Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="getContentEl">getContentEl</a></h4>
<div class="detail">
<code>
HTMLElement
<strong>getContentEl</strong>
()
</code>
<div class="description">
Returns the outer html element for this node's content
<dl>
<dt>Returns:</dt>
<dd> the element</dd>
</dl>
</div>
</div>
<hr />
<h4><a name="getNodeHtml">getNodeHtml</a></h4>
<div class="detail">
<code>
string
<strong>getNodeHtml</strong>
()
</code>
<div class="description">
Get the markup for the node. This is designed to be overrided so that we can
support different types of nodes.
<dl>
<dt>Returns:</dt>
<dd> The HTML that will render this node.</dd>
</dl>
</div>
</div>
<hr />
<h4><a name="initContent">initContent</a></h4>
<div class="detail">
<code>
void
<strong>initContent</strong>
(oData, &lt;boolean&gt; hasIcon)
</code>
<div class="description">
Sets up the node label
<dl>
<dt>Parameters:</dt>
<dd>
<code>hasIcon</code> -
determines if the node will be rendered with an icon or not
</dd>
<dd>
<code>An</code> -
html string or object containing an html property
</dd>
</dl>
</div>
</div>
<hr />
<h4><a name="toString">toString</a></h4>
<div class="detail">
<code>
string
<strong>toString</strong>
()
</code>
<div class="description">
toString
<dl>
<dt>Returns:</dt>
<dd> string representation of the node</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
<!-- ============ METHOD DETAIL END ========== -->
</div>
</div>
</div>
<!-- ========= END OF CLASS DATA ========= -->
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,451 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - YAHOO.widget.MenuNode</title>-->
<title>API: TreeView YAHOO.widget.MenuNode.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>
&gt;
<strong>YAHOO.widget.MenuNode</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 id="pri">
<div class="main">
<h2>Class YAHOO.widget.MenuNode</h2>
<pre>Object
|
+--<a href='YAHOO.widget.Node.html'>YAHOO.widget.Node</a>
|
+--<a href='YAHOO.widget.TextNode.html'>YAHOO.widget.TextNode</a>
|
+--<b>YAHOO.widget.MenuNode</b>
</pre>
<hr />
<!-- Class definition -->
<div class="class-def">
<div class="class-name">
<span class="class-attribs">
</span>
<span class="class-type">class</span>
<b>YAHOO.widget.MenuNode</b>
</div>
<div class="class-extends">
<dd>extends <a href='YAHOO.widget.TextNode.html'>YAHOO.widget.TextNode</a></dd>
</div>
</div>
<div class="meta">
</div>
<!-- ======== QUICK LINKS ======== -->
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#field_summary">Field Summary</a>
|
<a href="#constructor_summary">Constructor Summary</a>
|
<a href="#methodSummary">Method Summary</a> |
<a href="#methodDetails">Method Details</a>
</div>
<!-- ======== END QUICK LINKS ======== -->
<!-- ======== NESTED CLASS SUMMARY ======== -->
<!-- ======== END NESTED CLASS SUMMARY ======== -->
<!-- =========== FIELD SUMMARY =========== -->
<div class="section field summaries">
<h3><a name="field_summary">Field 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="flags">boolean</td>
<td class="spec">
<code>
<a href="#multiExpand">multiExpand</a>
</code>
<div class="description">
Menus usually allow only one branch to be open at a time.&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="section field inheritance">
<h3>Fields inherited from class <a href="YAHOO.widget.TextNode.html">YAHOO.widget.TextNode</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code><a href="YAHOO.widget.TextNode.html#labelStyle">labelStyle</a>, <a href="YAHOO.widget.TextNode.html#labelElId">labelElId</a>, <a href="YAHOO.widget.TextNode.html#label">label</a></code>
</div>
</div>
<div class="section field inheritance">
<h3>Fields inherited from class <a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code><a href="YAHOO.widget.Node.html#index">index</a>, <a href="YAHOO.widget.Node.html#children">children</a>, <a href="YAHOO.widget.Node.html#tree">tree</a>, <a href="YAHOO.widget.Node.html#data">data</a>, <a href="YAHOO.widget.Node.html#parent">parent</a>, <a href="YAHOO.widget.Node.html#href">href</a>, <a href="YAHOO.widget.Node.html#target">target</a>, <a href="YAHOO.widget.Node.html#expanded">expanded</a>, <a href="YAHOO.widget.Node.html#multiExpand">multiExpand</a>, <a href="YAHOO.widget.Node.html#renderHidden">renderHidden</a>, <a href="YAHOO.widget.Node.html#childrenRendered">childrenRendered</a>, <a href="YAHOO.widget.Node.html#dynamicLoadComplete">dynamicLoadComplete</a>, <a href="YAHOO.widget.Node.html#previousSibling">previousSibling</a>, <a href="YAHOO.widget.Node.html#nextSibling">nextSibling</a>, <a href="YAHOO.widget.Node.html#dataLoader">dataLoader</a>, <a href="YAHOO.widget.Node.html#isLoading">isLoading</a>, <a href="YAHOO.widget.Node.html#hasIcon">hasIcon</a>, <a href="YAHOO.widget.Node.html#iconMode">iconMode</a></code>
</div>
</div>
<!-- =========== END FIELD SUMMARY =========== -->
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<div class="section contructor summaries">
<h3><a name="constructor_summary">Constructor Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code class="spec">
<a href="YAHOO.widget.MenuNode.html#YAHOO.widget.MenuNode()">YAHOO.widget.MenuNode</a>
</code>
<div class="description">
A menu-specific implementation that differs from TextNode in that only
one sibling can be expanded at a time.&nbsp;
</div>
</div>
</div>
<!-- ======== END CONSTRUCTOR SUMMARY ======== -->
<!-- ========== METHOD SUMMARY =========== -->
<div class="section method summaries">
<h3><a name="methodSummary">Method 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="flags">Object</td>
<td class="spec">
<code>
<a href="#toString">toString</a>
()
</code>
<div class="description">
toString&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="section method inheritance">
<h3>Methods inherited from class <a href="YAHOO.widget.TextNode.html">YAHOO.widget.TextNode</a></h3>
<div class="content">
<code><a href="YAHOO.widget.TextNode.html#setUpLabel">setUpLabel</a>, <a href="YAHOO.widget.TextNode.html#getLabelEl">getLabelEl</a>, <a href="YAHOO.widget.TextNode.html#getNodeHtml">getNodeHtml</a>, <a href="YAHOO.widget.TextNode.html#onLabelClick">onLabelClick</a></code>
</div>
</div>
<div class="section method inheritance">
<h3>Methods inherited from class <a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a></h3>
<div class="content">
<code><a href="YAHOO.widget.Node.html#init">init</a>, <a href="YAHOO.widget.Node.html#applyParent">applyParent</a>, <a href="YAHOO.widget.Node.html#appendTo">appendTo</a>, <a href="YAHOO.widget.Node.html#insertBefore">insertBefore</a>, <a href="YAHOO.widget.Node.html#insertAfter">insertAfter</a>, <a href="YAHOO.widget.Node.html#getSiblings">getSiblings</a>, <a href="YAHOO.widget.Node.html#showChildren">showChildren</a>, <a href="YAHOO.widget.Node.html#hideChildren">hideChildren</a>, <a href="YAHOO.widget.Node.html#getElId">getElId</a>, <a href="YAHOO.widget.Node.html#getChildrenElId">getChildrenElId</a>, <a href="YAHOO.widget.Node.html#getToggleElId">getToggleElId</a>, <a href="YAHOO.widget.Node.html#getEl">getEl</a>, <a href="YAHOO.widget.Node.html#getChildrenEl">getChildrenEl</a>, <a href="YAHOO.widget.Node.html#getToggleEl">getToggleEl</a>, <a href="YAHOO.widget.Node.html#getToggleLink">getToggleLink</a>, <a href="YAHOO.widget.Node.html#collapse">collapse</a>, <a href="YAHOO.widget.Node.html#expand">expand</a>, <a href="YAHOO.widget.Node.html#getStyle">getStyle</a>, <a href="YAHOO.widget.Node.html#getHoverStyle">getHoverStyle</a>, <a href="YAHOO.widget.Node.html#expandAll">expandAll</a>, <a href="YAHOO.widget.Node.html#collapseAll">collapseAll</a>, <a href="YAHOO.widget.Node.html#setDynamicLoad">setDynamicLoad</a>, <a href="YAHOO.widget.Node.html#isRoot">isRoot</a>, <a href="YAHOO.widget.Node.html#isDynamic">isDynamic</a>, <a href="YAHOO.widget.Node.html#getIconMode">getIconMode</a>, <a href="YAHOO.widget.Node.html#hasChildren">hasChildren</a>, <a href="YAHOO.widget.Node.html#toggle">toggle</a>, <a href="YAHOO.widget.Node.html#getHtml">getHtml</a>, <a href="YAHOO.widget.Node.html#completeRender">completeRender</a>, <a href="YAHOO.widget.Node.html#loadComplete">loadComplete</a>, <a href="YAHOO.widget.Node.html#getAncestor">getAncestor</a>, <a href="YAHOO.widget.Node.html#getDepthStyle">getDepthStyle</a>, <a href="YAHOO.widget.Node.html#refresh">refresh</a></code>
</div>
</div>
<!-- ========== END METHOD SUMMARY =========== -->
<!-- ============ FIELD DETAIL START =========== -->
<div class="section field details">
<h3><a name="field_detail">Field Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="multiExpand">multiExpand</a></h4>
<div class="detail">
<code>
boolean
&nbsp;
<strong>multiExpand</strong>
</code>
<div class="description">
Menus usually allow only one branch to be open at a time.
</div>
</div>
<hr />
</div>
</div>
<!-- ============ FIELD DETAIL END =========== -->
<!-- ========= CONSTRUCTOR DETAIL START ======== -->
<div class="section constructor details">
<h3><a name="constructor_detail">Constructor Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="YAHOO.widget.MenuNode()">YAHOO.widget.MenuNode</a></h4>
<div class="detail">
<code>
<strong>YAHOO.widget.MenuNode</strong>
()
</code>
<div class="description">
A menu-specific implementation that differs from TextNode in that only
one sibling can be expanded at a time.
</div>
</div>
</div>
</div>
<!-- ========= CONSTRUCTOR DETAIL END ======== -->
<!-- ============ METHOD DETAIL START ========== -->
<div class="section method details">
<h3><a name="methodDetails">Method Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="toString">toString</a></h4>
<div class="detail">
<code>
Object
<strong>toString</strong>
()
</code>
<div class="description">
toString
<dl>
<dt>Returns:</dt>
<dd> string representation of the node</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
<!-- ============ METHOD DETAIL END ========== -->
</div>
</div>
</div>
<!-- ========= END OF CLASS DATA ========= -->
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,507 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - YAHOO.widget.RootNode</title>-->
<title>API: TreeView YAHOO.widget.RootNode.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>
&gt;
<strong>YAHOO.widget.RootNode</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 id="pri">
<div class="main">
<h2>Class YAHOO.widget.RootNode</h2>
<pre>Object
|
+--<a href='YAHOO.widget.Node.html'>YAHOO.widget.Node</a>
|
+--<b>YAHOO.widget.RootNode</b>
</pre>
<hr />
<!-- Class definition -->
<div class="class-def">
<div class="class-name">
<span class="class-attribs">
</span>
<span class="class-type">class</span>
<b>YAHOO.widget.RootNode</b>
</div>
<div class="class-extends">
<dd>extends <a href='YAHOO.widget.Node.html'>YAHOO.widget.Node</a></dd>
</div>
</div>
<div class="meta">
</div>
<!-- ======== QUICK LINKS ======== -->
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#field_summary">Field Summary</a>
|
<a href="#constructor_summary">Constructor Summary</a>
|
<a href="#methodSummary">Method Summary</a> |
<a href="#methodDetails">Method Details</a>
</div>
<!-- ======== END QUICK LINKS ======== -->
<!-- ======== NESTED CLASS SUMMARY ======== -->
<!-- ======== END NESTED CLASS SUMMARY ======== -->
<!-- =========== FIELD SUMMARY =========== -->
<div class="section field summaries">
<h3><a name="field_summary">Field 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="flags">TreeView</td>
<td class="spec">
<code>
<a href="#tree">tree</a>
</code>
<div class="description">
For the root node, we get the tree reference from as a param
to the constructor instead of from the parent element.&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="section field inheritance">
<h3>Fields inherited from class <a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code><a href="YAHOO.widget.Node.html#index">index</a>, <a href="YAHOO.widget.Node.html#children">children</a>, <a href="YAHOO.widget.Node.html#tree">tree</a>, <a href="YAHOO.widget.Node.html#data">data</a>, <a href="YAHOO.widget.Node.html#parent">parent</a>, <a href="YAHOO.widget.Node.html#href">href</a>, <a href="YAHOO.widget.Node.html#target">target</a>, <a href="YAHOO.widget.Node.html#expanded">expanded</a>, <a href="YAHOO.widget.Node.html#multiExpand">multiExpand</a>, <a href="YAHOO.widget.Node.html#renderHidden">renderHidden</a>, <a href="YAHOO.widget.Node.html#childrenRendered">childrenRendered</a>, <a href="YAHOO.widget.Node.html#dynamicLoadComplete">dynamicLoadComplete</a>, <a href="YAHOO.widget.Node.html#previousSibling">previousSibling</a>, <a href="YAHOO.widget.Node.html#nextSibling">nextSibling</a>, <a href="YAHOO.widget.Node.html#dataLoader">dataLoader</a>, <a href="YAHOO.widget.Node.html#isLoading">isLoading</a>, <a href="YAHOO.widget.Node.html#hasIcon">hasIcon</a>, <a href="YAHOO.widget.Node.html#iconMode">iconMode</a></code>
</div>
</div>
<!-- =========== END FIELD SUMMARY =========== -->
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<div class="section contructor summaries">
<h3><a name="constructor_summary">Constructor Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code class="spec">
<a href="YAHOO.widget.RootNode.html#YAHOO.widget.RootNode()">YAHOO.widget.RootNode</a>
</code>
<div class="description">
A custom YAHOO.widget.Node that handles the unique nature of
the virtual, presentationless root node.&nbsp;
</div>
</div>
</div>
<!-- ======== END CONSTRUCTOR SUMMARY ======== -->
<!-- ========== METHOD SUMMARY =========== -->
<div class="section method summaries">
<h3><a name="methodSummary">Method 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="flags">Object</td>
<td class="spec">
<code>
<a href="#getNodeHtml">getNodeHtml</a>
()
</code>
<div class="description">
Get the markup for the node.&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">void</td>
<td class="spec">
<code>
<a href="#loadComplete">loadComplete</a>
()
</code>
<div class="description">
Load complete is the callback function we pass to the data provider
in dynamic load situations.&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">Object</td>
<td class="spec">
<code>
<a href="#toString">toString</a>
()
</code>
<div class="description">
toString&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="section method inheritance">
<h3>Methods inherited from class <a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a></h3>
<div class="content">
<code><a href="YAHOO.widget.Node.html#init">init</a>, <a href="YAHOO.widget.Node.html#applyParent">applyParent</a>, <a href="YAHOO.widget.Node.html#appendTo">appendTo</a>, <a href="YAHOO.widget.Node.html#insertBefore">insertBefore</a>, <a href="YAHOO.widget.Node.html#insertAfter">insertAfter</a>, <a href="YAHOO.widget.Node.html#getSiblings">getSiblings</a>, <a href="YAHOO.widget.Node.html#showChildren">showChildren</a>, <a href="YAHOO.widget.Node.html#hideChildren">hideChildren</a>, <a href="YAHOO.widget.Node.html#getElId">getElId</a>, <a href="YAHOO.widget.Node.html#getChildrenElId">getChildrenElId</a>, <a href="YAHOO.widget.Node.html#getToggleElId">getToggleElId</a>, <a href="YAHOO.widget.Node.html#getEl">getEl</a>, <a href="YAHOO.widget.Node.html#getChildrenEl">getChildrenEl</a>, <a href="YAHOO.widget.Node.html#getToggleEl">getToggleEl</a>, <a href="YAHOO.widget.Node.html#getToggleLink">getToggleLink</a>, <a href="YAHOO.widget.Node.html#collapse">collapse</a>, <a href="YAHOO.widget.Node.html#expand">expand</a>, <a href="YAHOO.widget.Node.html#getStyle">getStyle</a>, <a href="YAHOO.widget.Node.html#getHoverStyle">getHoverStyle</a>, <a href="YAHOO.widget.Node.html#expandAll">expandAll</a>, <a href="YAHOO.widget.Node.html#collapseAll">collapseAll</a>, <a href="YAHOO.widget.Node.html#setDynamicLoad">setDynamicLoad</a>, <a href="YAHOO.widget.Node.html#isRoot">isRoot</a>, <a href="YAHOO.widget.Node.html#isDynamic">isDynamic</a>, <a href="YAHOO.widget.Node.html#getIconMode">getIconMode</a>, <a href="YAHOO.widget.Node.html#hasChildren">hasChildren</a>, <a href="YAHOO.widget.Node.html#toggle">toggle</a>, <a href="YAHOO.widget.Node.html#getHtml">getHtml</a>, <a href="YAHOO.widget.Node.html#completeRender">completeRender</a>, <a href="YAHOO.widget.Node.html#getAncestor">getAncestor</a>, <a href="YAHOO.widget.Node.html#getDepthStyle">getDepthStyle</a>, <a href="YAHOO.widget.Node.html#refresh">refresh</a></code>
</div>
</div>
<!-- ========== END METHOD SUMMARY =========== -->
<!-- ============ FIELD DETAIL START =========== -->
<div class="section field details">
<h3><a name="field_detail">Field Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="tree">tree</a></h4>
<div class="detail">
<code>
TreeView
&nbsp;
<strong>tree</strong>
</code>
<div class="description">
For the root node, we get the tree reference from as a param
to the constructor instead of from the parent element.
</div>
</div>
<hr />
</div>
</div>
<!-- ============ FIELD DETAIL END =========== -->
<!-- ========= CONSTRUCTOR DETAIL START ======== -->
<div class="section constructor details">
<h3><a name="constructor_detail">Constructor Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="YAHOO.widget.RootNode()">YAHOO.widget.RootNode</a></h4>
<div class="detail">
<code>
<strong>YAHOO.widget.RootNode</strong>
()
</code>
<div class="description">
A custom YAHOO.widget.Node that handles the unique nature of
the virtual, presentationless root node.
</div>
</div>
</div>
</div>
<!-- ========= CONSTRUCTOR DETAIL END ======== -->
<!-- ============ METHOD DETAIL START ========== -->
<div class="section method details">
<h3><a name="methodDetails">Method Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="getNodeHtml">getNodeHtml</a></h4>
<div class="detail">
<code>
Object
<strong>getNodeHtml</strong>
()
</code>
<div class="description">
Get the markup for the node. This is designed to be overrided so that we can
support different types of nodes.
<dl>
<dt>Returns:</dt>
<dd> The HTML that will render this node.</dd>
</dl>
</div>
</div>
<hr />
<h4><a name="loadComplete">loadComplete</a></h4>
<div class="detail">
<code>
void
<strong>loadComplete</strong>
()
</code>
<div class="description">
Load complete is the callback function we pass to the data provider
in dynamic load situations.
</div>
</div>
<hr />
<h4><a name="toString">toString</a></h4>
<div class="detail">
<code>
Object
<strong>toString</strong>
()
</code>
<div class="description">
toString
<dl>
<dt>Returns:</dt>
<dd> string representation of the node</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
<!-- ============ METHOD DETAIL END ========== -->
</div>
</div>
</div>
<!-- ========= END OF CLASS DATA ========= -->
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,311 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - YAHOO.widget.TVAnim</title>-->
<title>API: TreeView YAHOO.widget.TVAnim.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>
&gt;
<strong>YAHOO.widget.TVAnim</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 id="pri">
<div class="main">
<h2>Class YAHOO.widget.TVAnim</h2>
<pre>Object
|
+--<b>YAHOO.widget.TVAnim</b>
</pre>
<hr />
<!-- Class definition -->
<div class="class-def">
<div class="class-name">
<span class="class-attribs">
</span>
<span class="class-type">class</span>
<b>YAHOO.widget.TVAnim</b>
</div>
<div class="class-extends">
</div>
</div>
<div class="meta">
</div>
<!-- ======== QUICK LINKS ======== -->
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#constructor_summary">Constructor Summary</a>
</div>
<!-- ======== END QUICK LINKS ======== -->
<!-- ======== NESTED CLASS SUMMARY ======== -->
<!-- ======== END NESTED CLASS SUMMARY ======== -->
<!-- =========== FIELD SUMMARY =========== -->
<!-- =========== END FIELD SUMMARY =========== -->
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<div class="section contructor summaries">
<h3><a name="constructor_summary">Constructor Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code class="spec">
<a href="YAHOO.widget.TVAnim.html#YAHOO.widget.TVAnim()">YAHOO.widget.TVAnim</a>
</code>
<div class="description">
A static factory class for tree view expand/collapse animations&nbsp;
</div>
</div>
</div>
<!-- ======== END CONSTRUCTOR SUMMARY ======== -->
<!-- ========== METHOD SUMMARY =========== -->
<!-- ========== END METHOD SUMMARY =========== -->
<!-- ============ FIELD DETAIL START =========== -->
<!-- ============ FIELD DETAIL END =========== -->
<!-- ========= CONSTRUCTOR DETAIL START ======== -->
<div class="section constructor details">
<h3><a name="constructor_detail">Constructor Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="YAHOO.widget.TVAnim()">YAHOO.widget.TVAnim</a></h4>
<div class="detail">
<code>
<strong>YAHOO.widget.TVAnim</strong>
()
</code>
<div class="description">
A static factory class for tree view expand/collapse animations
</div>
</div>
</div>
</div>
<!-- ========= CONSTRUCTOR DETAIL END ======== -->
<!-- ============ METHOD DETAIL START ========== -->
<!-- ============ METHOD DETAIL END ========== -->
</div>
</div>
</div>
<!-- ========= END OF CLASS DATA ========= -->
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,508 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - YAHOO.widget.TVFadeIn</title>-->
<title>API: TreeView YAHOO.widget.TVFadeIn.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>
&gt;
<strong>YAHOO.widget.TVFadeIn</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 id="pri">
<div class="main">
<h2>Class YAHOO.widget.TVFadeIn</h2>
<pre>Object
|
+--<b>YAHOO.widget.TVFadeIn</b>
</pre>
<hr />
<!-- Class definition -->
<div class="class-def">
<div class="class-name">
<span class="class-attribs">
</span>
<span class="class-type">class</span>
<b>YAHOO.widget.TVFadeIn</b>
</div>
<div class="class-extends">
</div>
</div>
<div class="meta">
</div>
<!-- ======== QUICK LINKS ======== -->
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#field_summary">Field Summary</a>
|
<a href="#constructor_summary">Constructor Summary</a>
|
<a href="#methodSummary">Method Summary</a> |
<a href="#methodDetails">Method Details</a>
</div>
<!-- ======== END QUICK LINKS ======== -->
<!-- ======== NESTED CLASS SUMMARY ======== -->
<!-- ======== END NESTED CLASS SUMMARY ======== -->
<!-- =========== FIELD SUMMARY =========== -->
<div class="section field summaries">
<h3><a name="field_summary">Field 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="flags">function</td>
<td class="spec">
<code>
<a href="#callback">callback</a>
</code>
<div class="description">
the callback to invoke when the animation is complete&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">HTMLElement</td>
<td class="spec">
<code>
<a href="#el">el</a>
</code>
<div class="description">
The element to animate&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- =========== END FIELD SUMMARY =========== -->
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<div class="section contructor summaries">
<h3><a name="constructor_summary">Constructor Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code class="spec">
<a href="YAHOO.widget.TVFadeIn.html#YAHOO.widget.TVFadeIn()">YAHOO.widget.TVFadeIn</a>
</code>
<div class="description">
A 1/2 second fade-in animation.&nbsp;
</div>
</div>
</div>
<!-- ======== END CONSTRUCTOR SUMMARY ======== -->
<!-- ========== METHOD SUMMARY =========== -->
<div class="section method summaries">
<h3><a name="methodSummary">Method 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="flags">void</td>
<td class="spec">
<code>
<a href="#animate">animate</a>
()
</code>
<div class="description">
Performs the animation&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">void</td>
<td class="spec">
<code>
<a href="#onComplete">onComplete</a>
()
</code>
<div class="description">
Clean up and invoke callback&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">Object</td>
<td class="spec">
<code>
<a href="#toString">toString</a>
()
</code>
<div class="description">
&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- ========== END METHOD SUMMARY =========== -->
<!-- ============ FIELD DETAIL START =========== -->
<div class="section field details">
<h3><a name="field_detail">Field Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="callback">callback</a></h4>
<div class="detail">
<code>
function
&nbsp;
<strong>callback</strong>
</code>
<div class="description">
the callback to invoke when the animation is complete
</div>
</div>
<hr />
<h4><a name="el">el</a></h4>
<div class="detail">
<code>
HTMLElement
&nbsp;
<strong>el</strong>
</code>
<div class="description">
The element to animate
</div>
</div>
<hr />
</div>
</div>
<!-- ============ FIELD DETAIL END =========== -->
<!-- ========= CONSTRUCTOR DETAIL START ======== -->
<div class="section constructor details">
<h3><a name="constructor_detail">Constructor Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="YAHOO.widget.TVFadeIn()">YAHOO.widget.TVFadeIn</a></h4>
<div class="detail">
<code>
<strong>YAHOO.widget.TVFadeIn</strong>
()
</code>
<div class="description">
A 1/2 second fade-in animation.
<dl>
<dt>Parameters:</dt>
<dd>
<code>el</code> -
{HTMLElement} the element to animate
</dd>
<dd>
<code>callback</code> -
{function} function to invoke when the animation is finished
</dd>
</dl>
</div>
</div>
</div>
</div>
<!-- ========= CONSTRUCTOR DETAIL END ======== -->
<!-- ============ METHOD DETAIL START ========== -->
<div class="section method details">
<h3><a name="methodDetails">Method Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="animate">animate</a></h4>
<div class="detail">
<code>
void
<strong>animate</strong>
()
</code>
<div class="description">
Performs the animation
</div>
</div>
<hr />
<h4><a name="onComplete">onComplete</a></h4>
<div class="detail">
<code>
void
<strong>onComplete</strong>
()
</code>
<div class="description">
Clean up and invoke callback
</div>
</div>
<hr />
<h4><a name="toString">toString</a></h4>
<div class="detail">
<code>
Object
<strong>toString</strong>
()
</code>
<div class="description">
</div>
</div>
<hr />
</div>
</div>
<!-- ============ METHOD DETAIL END ========== -->
</div>
</div>
</div>
<!-- ========= END OF CLASS DATA ========= -->
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,508 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - YAHOO.widget.TVFadeOut</title>-->
<title>API: TreeView YAHOO.widget.TVFadeOut.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>
&gt;
<strong>YAHOO.widget.TVFadeOut</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 id="pri">
<div class="main">
<h2>Class YAHOO.widget.TVFadeOut</h2>
<pre>Object
|
+--<b>YAHOO.widget.TVFadeOut</b>
</pre>
<hr />
<!-- Class definition -->
<div class="class-def">
<div class="class-name">
<span class="class-attribs">
</span>
<span class="class-type">class</span>
<b>YAHOO.widget.TVFadeOut</b>
</div>
<div class="class-extends">
</div>
</div>
<div class="meta">
</div>
<!-- ======== QUICK LINKS ======== -->
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#field_summary">Field Summary</a>
|
<a href="#constructor_summary">Constructor Summary</a>
|
<a href="#methodSummary">Method Summary</a> |
<a href="#methodDetails">Method Details</a>
</div>
<!-- ======== END QUICK LINKS ======== -->
<!-- ======== NESTED CLASS SUMMARY ======== -->
<!-- ======== END NESTED CLASS SUMMARY ======== -->
<!-- =========== FIELD SUMMARY =========== -->
<div class="section field summaries">
<h3><a name="field_summary">Field 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="flags">function</td>
<td class="spec">
<code>
<a href="#callback">callback</a>
</code>
<div class="description">
the callback to invoke when the animation is complete&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">HTMLElement</td>
<td class="spec">
<code>
<a href="#el">el</a>
</code>
<div class="description">
The element to animate&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- =========== END FIELD SUMMARY =========== -->
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<div class="section contructor summaries">
<h3><a name="constructor_summary">Constructor Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code class="spec">
<a href="YAHOO.widget.TVFadeOut.html#YAHOO.widget.TVFadeOut()">YAHOO.widget.TVFadeOut</a>
</code>
<div class="description">
A 1/2 second fade out animation.&nbsp;
</div>
</div>
</div>
<!-- ======== END CONSTRUCTOR SUMMARY ======== -->
<!-- ========== METHOD SUMMARY =========== -->
<div class="section method summaries">
<h3><a name="methodSummary">Method 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="flags">void</td>
<td class="spec">
<code>
<a href="#animate">animate</a>
()
</code>
<div class="description">
Performs the animation&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">void</td>
<td class="spec">
<code>
<a href="#onComplete">onComplete</a>
()
</code>
<div class="description">
Clean up and invoke callback&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">Object</td>
<td class="spec">
<code>
<a href="#toString">toString</a>
()
</code>
<div class="description">
&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- ========== END METHOD SUMMARY =========== -->
<!-- ============ FIELD DETAIL START =========== -->
<div class="section field details">
<h3><a name="field_detail">Field Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="callback">callback</a></h4>
<div class="detail">
<code>
function
&nbsp;
<strong>callback</strong>
</code>
<div class="description">
the callback to invoke when the animation is complete
</div>
</div>
<hr />
<h4><a name="el">el</a></h4>
<div class="detail">
<code>
HTMLElement
&nbsp;
<strong>el</strong>
</code>
<div class="description">
The element to animate
</div>
</div>
<hr />
</div>
</div>
<!-- ============ FIELD DETAIL END =========== -->
<!-- ========= CONSTRUCTOR DETAIL START ======== -->
<div class="section constructor details">
<h3><a name="constructor_detail">Constructor Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="YAHOO.widget.TVFadeOut()">YAHOO.widget.TVFadeOut</a></h4>
<div class="detail">
<code>
<strong>YAHOO.widget.TVFadeOut</strong>
()
</code>
<div class="description">
A 1/2 second fade out animation.
<dl>
<dt>Parameters:</dt>
<dd>
<code>el</code> -
{HTMLElement} the element to animate
</dd>
<dd>
<code>callback</code> -
{Function} function to invoke when the animation is finished
</dd>
</dl>
</div>
</div>
</div>
</div>
<!-- ========= CONSTRUCTOR DETAIL END ======== -->
<!-- ============ METHOD DETAIL START ========== -->
<div class="section method details">
<h3><a name="methodDetails">Method Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="animate">animate</a></h4>
<div class="detail">
<code>
void
<strong>animate</strong>
()
</code>
<div class="description">
Performs the animation
</div>
</div>
<hr />
<h4><a name="onComplete">onComplete</a></h4>
<div class="detail">
<code>
void
<strong>onComplete</strong>
()
</code>
<div class="description">
Clean up and invoke callback
</div>
</div>
<hr />
<h4><a name="toString">toString</a></h4>
<div class="detail">
<code>
Object
<strong>toString</strong>
()
</code>
<div class="description">
</div>
</div>
<hr />
</div>
</div>
<!-- ============ METHOD DETAIL END ========== -->
</div>
</div>
</div>
<!-- ========= END OF CLASS DATA ========= -->
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,680 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - YAHOO.widget.TextNode</title>-->
<title>API: TreeView YAHOO.widget.TextNode.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>
&gt;
<strong>YAHOO.widget.TextNode</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 id="pri">
<div class="main">
<h2>Class YAHOO.widget.TextNode</h2>
<pre>Object
|
+--<a href='YAHOO.widget.Node.html'>YAHOO.widget.Node</a>
|
+--<b>YAHOO.widget.TextNode</b>
</pre>
<dl class="subclasses">
<dt>Direct Known Subclasses:</dd>
<dd>
<a href="YAHOO.widget.MenuNode.html">YAHOO.widget.MenuNode</a>
</dd>
</dl>
<hr />
<!-- Class definition -->
<div class="class-def">
<div class="class-name">
<span class="class-attribs">
</span>
<span class="class-type">class</span>
<b>YAHOO.widget.TextNode</b>
</div>
<div class="class-extends">
<dd>extends <a href='YAHOO.widget.Node.html'>YAHOO.widget.Node</a></dd>
</div>
</div>
<div class="meta">
</div>
<!-- ======== QUICK LINKS ======== -->
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#field_summary">Field Summary</a>
|
<a href="#constructor_summary">Constructor Summary</a>
|
<a href="#methodSummary">Method Summary</a> |
<a href="#methodDetails">Method Details</a>
</div>
<!-- ======== END QUICK LINKS ======== -->
<!-- ======== NESTED CLASS SUMMARY ======== -->
<!-- ======== END NESTED CLASS SUMMARY ======== -->
<!-- =========== FIELD SUMMARY =========== -->
<div class="section field summaries">
<h3><a name="field_summary">Field 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="flags">string</td>
<td class="spec">
<code>
<a href="#label">label</a>
</code>
<div class="description">
The text for the label.&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">string</td>
<td class="spec">
<code>
<a href="#labelElId">labelElId</a>
</code>
<div class="description">
The derived element id of the label for this node&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">string</td>
<td class="spec">
<code>
<a href="#labelStyle">labelStyle</a>
</code>
<div class="description">
The CSS class for the label href.&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="section field inheritance">
<h3>Fields inherited from class <a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code><a href="YAHOO.widget.Node.html#index">index</a>, <a href="YAHOO.widget.Node.html#children">children</a>, <a href="YAHOO.widget.Node.html#tree">tree</a>, <a href="YAHOO.widget.Node.html#data">data</a>, <a href="YAHOO.widget.Node.html#parent">parent</a>, <a href="YAHOO.widget.Node.html#href">href</a>, <a href="YAHOO.widget.Node.html#target">target</a>, <a href="YAHOO.widget.Node.html#expanded">expanded</a>, <a href="YAHOO.widget.Node.html#multiExpand">multiExpand</a>, <a href="YAHOO.widget.Node.html#renderHidden">renderHidden</a>, <a href="YAHOO.widget.Node.html#childrenRendered">childrenRendered</a>, <a href="YAHOO.widget.Node.html#dynamicLoadComplete">dynamicLoadComplete</a>, <a href="YAHOO.widget.Node.html#previousSibling">previousSibling</a>, <a href="YAHOO.widget.Node.html#nextSibling">nextSibling</a>, <a href="YAHOO.widget.Node.html#dataLoader">dataLoader</a>, <a href="YAHOO.widget.Node.html#isLoading">isLoading</a>, <a href="YAHOO.widget.Node.html#hasIcon">hasIcon</a>, <a href="YAHOO.widget.Node.html#iconMode">iconMode</a></code>
</div>
</div>
<!-- =========== END FIELD SUMMARY =========== -->
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<div class="section contructor summaries">
<h3><a name="constructor_summary">Constructor Summary</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<code class="spec">
<a href="YAHOO.widget.TextNode.html#YAHOO.widget.TextNode()">YAHOO.widget.TextNode</a>
</code>
<div class="description">
The default node presentation.&nbsp;
</div>
</div>
</div>
<!-- ======== END CONSTRUCTOR SUMMARY ======== -->
<!-- ========== METHOD SUMMARY =========== -->
<div class="section method summaries">
<h3><a name="methodSummary">Method 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="flags">object</td>
<td class="spec">
<code>
<a href="#getLabelEl">getLabelEl</a>
()
</code>
<div class="description">
Returns the label element&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">Object</td>
<td class="spec">
<code>
<a href="#getNodeHtml">getNodeHtml</a>
()
</code>
<div class="description">
Get the markup for the node.&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">Object</td>
<td class="spec">
<code>
<a href="#onLabelClick">onLabelClick</a>
(me)
</code>
<div class="description">
Executed when the label is clicked&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">void</td>
<td class="spec">
<code>
<a href="#setUpLabel">setUpLabel</a>
(oData)
</code>
<div class="description">
Sets up the node label&nbsp;
</div>
</td>
</tr>
<tr>
<td class="flags">Object</td>
<td class="spec">
<code>
<a href="#toString">toString</a>
()
</code>
<div class="description">
toString&nbsp;
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="section method inheritance">
<h3>Methods inherited from class <a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a></h3>
<div class="content">
<code><a href="YAHOO.widget.Node.html#init">init</a>, <a href="YAHOO.widget.Node.html#applyParent">applyParent</a>, <a href="YAHOO.widget.Node.html#appendTo">appendTo</a>, <a href="YAHOO.widget.Node.html#insertBefore">insertBefore</a>, <a href="YAHOO.widget.Node.html#insertAfter">insertAfter</a>, <a href="YAHOO.widget.Node.html#getSiblings">getSiblings</a>, <a href="YAHOO.widget.Node.html#showChildren">showChildren</a>, <a href="YAHOO.widget.Node.html#hideChildren">hideChildren</a>, <a href="YAHOO.widget.Node.html#getElId">getElId</a>, <a href="YAHOO.widget.Node.html#getChildrenElId">getChildrenElId</a>, <a href="YAHOO.widget.Node.html#getToggleElId">getToggleElId</a>, <a href="YAHOO.widget.Node.html#getEl">getEl</a>, <a href="YAHOO.widget.Node.html#getChildrenEl">getChildrenEl</a>, <a href="YAHOO.widget.Node.html#getToggleEl">getToggleEl</a>, <a href="YAHOO.widget.Node.html#getToggleLink">getToggleLink</a>, <a href="YAHOO.widget.Node.html#collapse">collapse</a>, <a href="YAHOO.widget.Node.html#expand">expand</a>, <a href="YAHOO.widget.Node.html#getStyle">getStyle</a>, <a href="YAHOO.widget.Node.html#getHoverStyle">getHoverStyle</a>, <a href="YAHOO.widget.Node.html#expandAll">expandAll</a>, <a href="YAHOO.widget.Node.html#collapseAll">collapseAll</a>, <a href="YAHOO.widget.Node.html#setDynamicLoad">setDynamicLoad</a>, <a href="YAHOO.widget.Node.html#isRoot">isRoot</a>, <a href="YAHOO.widget.Node.html#isDynamic">isDynamic</a>, <a href="YAHOO.widget.Node.html#getIconMode">getIconMode</a>, <a href="YAHOO.widget.Node.html#hasChildren">hasChildren</a>, <a href="YAHOO.widget.Node.html#toggle">toggle</a>, <a href="YAHOO.widget.Node.html#getHtml">getHtml</a>, <a href="YAHOO.widget.Node.html#completeRender">completeRender</a>, <a href="YAHOO.widget.Node.html#loadComplete">loadComplete</a>, <a href="YAHOO.widget.Node.html#getAncestor">getAncestor</a>, <a href="YAHOO.widget.Node.html#getDepthStyle">getDepthStyle</a>, <a href="YAHOO.widget.Node.html#refresh">refresh</a></code>
</div>
</div>
<!-- ========== END METHOD SUMMARY =========== -->
<!-- ============ FIELD DETAIL START =========== -->
<div class="section field details">
<h3><a name="field_detail">Field Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="label">label</a></h4>
<div class="detail">
<code>
string
&nbsp;
<strong>label</strong>
</code>
<div class="description">
The text for the label. It is assumed that the oData parameter will
either be a string that will be used as the label, or an object that
has a property called "label" that we will use.
</div>
</div>
<hr />
<h4><a name="labelElId">labelElId</a></h4>
<div class="detail">
<code>
string
&nbsp;
<strong>labelElId</strong>
</code>
<div class="description">
The derived element id of the label for this node
</div>
</div>
<hr />
<h4><a name="labelStyle">labelStyle</a></h4>
<div class="detail">
<code>
string
&nbsp;
<strong>labelStyle</strong>
</code>
<div class="description">
The CSS class for the label href. Defaults to ygtvlabel, but can be
overridden to provide a custom presentation for a specific node.
</div>
</div>
<hr />
</div>
</div>
<!-- ============ FIELD DETAIL END =========== -->
<!-- ========= CONSTRUCTOR DETAIL START ======== -->
<div class="section constructor details">
<h3><a name="constructor_detail">Constructor Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="YAHOO.widget.TextNode()">YAHOO.widget.TextNode</a></h4>
<div class="detail">
<code>
<strong>YAHOO.widget.TextNode</strong>
()
</code>
<div class="description">
The default node presentation. The first parameter should be
either a string that will be used as the node's label, or an object
that has a string propery called label. By default, the clicking the
label will toggle the expanded/collapsed state of the node. By
changing the href property of the instance, this behavior can be
changed so that the label will go to the specified href.
<dl>
<dt>Parameters:</dt>
<dd>
<code>oData</code> -
{object} a string or object containing the data that will be used to render this node
</dd>
<dd>
<code>oParent</code> -
{YAHOO.widget.Node} this node's parent node
</dd>
<dd>
<code>expanded</code> -
{boolean} the initial expanded/collapsed state
</dd>
</dl>
</div>
</div>
</div>
</div>
<!-- ========= CONSTRUCTOR DETAIL END ======== -->
<!-- ============ METHOD DETAIL START ========== -->
<div class="section method details">
<h3><a name="methodDetails">Method Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="getLabelEl">getLabelEl</a></h4>
<div class="detail">
<code>
object
<strong>getLabelEl</strong>
()
</code>
<div class="description">
Returns the label element
<dl>
<dt>Returns:</dt>
<dd> the element</dd>
</dl>
</div>
</div>
<hr />
<h4><a name="getNodeHtml">getNodeHtml</a></h4>
<div class="detail">
<code>
Object
<strong>getNodeHtml</strong>
()
</code>
<div class="description">
Get the markup for the node. This is designed to be overrided so that we can
support different types of nodes.
<dl>
<dt>Returns:</dt>
<dd> The HTML that will render this node.</dd>
</dl>
</div>
</div>
<hr />
<h4><a name="onLabelClick">onLabelClick</a></h4>
<div class="detail">
<code>
Object
<strong>onLabelClick</strong>
(me)
</code>
<div class="description">
Executed when the label is clicked
<dl>
<dt>Parameters:</dt>
<dd>
<code>me</code> -
{Node} this node
</dd>
</dl>
<dl>
<dt>Returns:</dt>
<dd>false to cancel the anchor click</dd>
</dl>
</div>
</div>
<hr />
<h4><a name="setUpLabel">setUpLabel</a></h4>
<div class="detail">
<code>
void
<strong>setUpLabel</strong>
(oData)
</code>
<div class="description">
Sets up the node label
<dl>
<dt>Parameters:</dt>
<dd>
<code>oData</code> -
string containing the label, or an object with a label property
</dd>
</dl>
</div>
</div>
<hr />
<h4><a name="toString">toString</a></h4>
<div class="detail">
<code>
Object
<strong>toString</strong>
()
</code>
<div class="description">
toString
<dl>
<dt>Returns:</dt>
<dd> string representation of the node</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
<!-- ============ METHOD DETAIL END ========== -->
</div>
</div>
</div>
<!-- ========= END OF CLASS DATA ========= -->
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,351 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - YAHOO.widget</title>-->
<title>API: TreeView YAHOO.widget.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>
&gt;
<strong>YAHOO.widget</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 id="pri">
<div class="main">
<h2>Class YAHOO.widget</h2>
<pre>Object
|
+--<b>YAHOO.widget</b>
</pre>
<hr />
<!-- Class definition -->
<div class="class-def">
<div class="class-name">
<span class="class-attribs">
</span>
<span class="class-type">class</span>
<b>YAHOO.widget</b>
</div>
<div class="class-extends">
</div>
</div>
<div class="meta">
</div>
<!-- ======== QUICK LINKS ======== -->
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#inner_classes">Nested Class Summary</a>
</div>
<!-- ======== END QUICK LINKS ======== -->
<!-- ======== NESTED CLASS SUMMARY ======== -->
<div class="section class summaries">
<h3><a name="inner_classes">Nested 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.HTMLNode.html">YAHOO.widget.HTMLNode</a></td>
<td class="overview"></td>
</tr>
<tr>
<td class="name"><a href="YAHOO.widget.MenuNode.html">YAHOO.widget.MenuNode</a></td>
<td class="overview"></td>
</tr>
<tr>
<td class="name"><a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a></td>
<td class="overview"></td>
</tr>
<tr>
<td class="name"><a href="YAHOO.widget.RootNode.html">YAHOO.widget.RootNode</a></td>
<td class="overview"></td>
</tr>
<tr>
<td class="name"><a href="YAHOO.widget.TextNode.html">YAHOO.widget.TextNode</a></td>
<td class="overview"></td>
</tr>
<tr>
<td class="name"><a href="YAHOO.widget.TreeView.html">YAHOO.widget.TreeView</a></td>
<td class="overview"></td>
</tr>
<tr>
<td class="name"><a href="YAHOO.widget.TVAnim.html">YAHOO.widget.TVAnim</a></td>
<td class="overview"></td>
</tr>
<tr>
<td class="name"><a href="YAHOO.widget.TVFadeIn.html">YAHOO.widget.TVFadeIn</a></td>
<td class="overview"></td>
</tr>
<tr>
<td class="name"><a href="YAHOO.widget.TVFadeOut.html">YAHOO.widget.TVFadeOut</a></td>
<td class="overview"></td>
</tr>
</table>
</div>
</div>
<!-- ======== END NESTED CLASS SUMMARY ======== -->
<!-- =========== FIELD SUMMARY =========== -->
<!-- =========== END FIELD SUMMARY =========== -->
<!-- ======== CONSTRUCTOR SUMMARY ======== -->
<!-- ======== END CONSTRUCTOR SUMMARY ======== -->
<!-- ========== METHOD SUMMARY =========== -->
<!-- ========== END METHOD SUMMARY =========== -->
<!-- ============ FIELD DETAIL START =========== -->
<!-- ============ FIELD DETAIL END =========== -->
<!-- ========= CONSTRUCTOR DETAIL START ======== -->
<div class="section constructor details">
<h3><a name="constructor_detail">Constructor Detail</a> <span class="top">[<a href="#top">top</a>]</span></h3>
<div class="content">
<h4><a name="YAHOO.widget()">YAHOO.widget</a></h4>
<div class="detail">
<code>
<strong>YAHOO.widget</strong>
</code>
<div class="description">
</div>
</div>
</div>
</div>
<!-- ========= CONSTRUCTOR DETAIL END ======== -->
<!-- ============ METHOD DETAIL START ========== -->
<!-- ============ METHOD DETAIL END ========== -->
</div>
</div>
</div>
<!-- ========= END OF CLASS DATA ========= -->
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,70 @@
<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>

View file

@ -0,0 +1,245 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - </title>-->
<title>API: TreeView allclasses-noframe.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">
</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>All Classes</h2>
<div class="section class summaries">
<h3><a name="classSummary">Class Summary</a></h3>
<div class="content">
<table border="1" cellpadding="3" cellspacing="0">
<tr>
<td class="name">
<a href="YAHOO.widget.html">YAHOO.widget</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.HTMLNode.html">YAHOO.widget.HTMLNode</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.MenuNode.html">YAHOO.widget.MenuNode</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.Node.html">YAHOO.widget.Node</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.RootNode.html">YAHOO.widget.RootNode</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.TextNode.html">YAHOO.widget.TextNode</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.TreeView.html">YAHOO.widget.TreeView</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.TVAnim.html">YAHOO.widget.TVAnim</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.TVFadeIn.html">YAHOO.widget.TVFadeIn</a>
</td>
</tr>
<tr>
<td class="name">
<a href="YAHOO.widget.TVFadeOut.html">YAHOO.widget.TVFadeOut</a>
</td>
</tr>
</table>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</div>
</div>
</body>
</html>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,224 @@
<html>
<head>
<!--<title>YUI API - TreeView</title>-->
<!--<title>YUI API - TreeView </title>-->
<title>API: TreeView index.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">
<strong>TreeView</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</h2>
<p>
This document is the API Specification for
TreeView.
</p>
<div class="meta">
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 705 B

View file

@ -0,0 +1,25 @@
<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.HTMLNode.html">
YAHOO.widget.HTMLNode</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,25 @@
<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.MenuNode.html">
YAHOO.widget.MenuNode</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,25 @@
<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.Node.html">
YAHOO.widget.Node</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,25 @@
<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.RootNode.html">
YAHOO.widget.RootNode</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,25 @@
<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.TVAnim.html">
YAHOO.widget.TVAnim</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,25 @@
<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.TVFadeIn.html">
YAHOO.widget.TVFadeIn</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,25 @@
<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.TVFadeOut.html">
YAHOO.widget.TVFadeOut</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,25 @@
<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.TextNode.html">
YAHOO.widget.TextNode</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,25 @@
<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.TreeView.html">
YAHOO.widget.TreeView</a>
</li>
</ul>
</div>
</div>

View file

@ -0,0 +1,379 @@
<html>
<head>
<!--<title>YUI API - HTMLNode.js</title>-->
<!--<title>YUI API - HTMLNode.js </title>-->
<title>API: TreeView overview-summary-HTMLNode.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>
&gt;
<strong>HTMLNode.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>HTMLNode.js</h2>
<div class="meta">
</div>
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<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.HTMLNode.html">YAHOO.widget.HTMLNode</a>
</td>
<td class="overview">&nbsp;</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">/**
* This implementation takes either a string or object for the
* oData argument. If is it a string, we will use it for the display
* of this node (and it can contain any html code). If the parameter
* is an object, we look for a parameter called "html" that will be
* used for this node's display.
*
* <span class="attrib">@extends</span> YAHOO.widget.Node
* <span class="attrib">@constructor</span>
* <span class="attrib">@param</span> oData {object} a string or object containing the data that will
* be used to render this node
* <span class="attrib">@param</span> oParent {YAHOO.widget.Node} this node's parent node
* <span class="attrib">@param</span> expanded {boolean} the initial expanded/collapsed state
* <span class="attrib">@param</span> hasIcon {boolean} specifies whether or not leaf nodes should
* have an icon
*/</span>
YAHOO.widget.HTMLNode = <span class="reserved">function</span>(oData, oParent, expanded, hasIcon) {
<span class="reserved">if</span> (oData) {
<span class="reserved">this</span>.init(oData, oParent, expanded);
<span class="reserved">this</span>.initContent(oData, hasIcon);
}
};
YAHOO.widget.HTMLNode.<span class="reserved">prototype</span> = new YAHOO.widget.Node();
<span class="comment">/**
* The CSS class for the html content container. Defaults to ygtvhtml, but
* can be overridden to provide a custom presentation for a specific node.
*
* <span class="attrib">@type</span> string
*/</span>
YAHOO.widget.HTMLNode.<span class="reserved">prototype</span>.contentStyle = <span class="literal">"ygtvhtml"</span>;
<span class="comment">/**
* The generated id that will contain the data passed in by the implementer.
*
* <span class="attrib">@type</span> string
*/</span>
YAHOO.widget.HTMLNode.<span class="reserved">prototype</span>.contentElId = null;
<span class="comment">/**
* The HTML content to use for this node's display
*
* <span class="attrib">@type</span> string
*/</span>
YAHOO.widget.HTMLNode.<span class="reserved">prototype</span>.content = null;
<span class="comment">/**
* Sets up the node label
*
* <span class="attrib">@param</span> {object} An html string or object containing an html property
* <span class="attrib">@param</span> {boolean} hasIcon determines if the node will be rendered with an
* icon or not
*/</span>
YAHOO.widget.HTMLNode.<span class="reserved">prototype</span>.initContent = <span class="reserved">function</span>(oData, hasIcon) {
<span class="reserved">if</span> (typeof oData == <span class="literal">"string"</span>) {
oData = { html: oData };
}
<span class="reserved">this</span>.html = oData.html;
<span class="reserved">this</span>.contentElId = <span class="literal">"ygtvcontentel"</span> + <span class="reserved">this</span>.index;
<span class="reserved">this</span>.hasIcon = hasIcon;
<span class="comment">/**
* <span class="attrib">@private</span>
*/</span>
<span class="reserved">this</span>.logger = new YAHOO.widget.LogWriter(<span class="reserved">this</span>.toString());
};
<span class="comment">/**
* Returns the outer html element for this node's content
*
* <span class="attrib">@return</span> {HTMLElement} the element
*/</span>
YAHOO.widget.HTMLNode.<span class="reserved">prototype</span>.getContentEl = <span class="reserved">function</span>() {
<span class="reserved">return</span> document.getElementById(<span class="reserved">this</span>.contentElId);
};
<span class="comment">
// overrides YAHOO.widget.Node</span>
YAHOO.widget.HTMLNode.<span class="reserved">prototype</span>.getNodeHtml = <span class="reserved">function</span>() {
<span class="reserved">this</span>.logger.log(<span class="literal">"Generating html"</span>);
var sb = [];
sb[sb.length] = <span class="literal">'&lt;table border="0" cellpadding="0" cellspacing="0"&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;tr&gt;'</span>;
<span class="reserved">for</span> (i=0;i&lt;<span class="reserved">this</span>.depth;++i) {
sb[sb.length] = <span class="literal">'&lt;td class="'</span> + <span class="reserved">this</span>.getDepthStyle(i) + <span class="literal">'"&gt;&amp;#160;&lt;/td&gt;'</span>;
}
<span class="reserved">if</span> (<span class="reserved">this</span>.hasIcon) {
sb[sb.length] = <span class="literal">'&lt;td'</span>;
sb[sb.length] = <span class="literal">' id="'</span> + <span class="reserved">this</span>.getToggleElId() + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' class="'</span> + <span class="reserved">this</span>.getStyle() + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' onclick="javascript:'</span> + <span class="reserved">this</span>.getToggleLink() + <span class="literal">'"'</span>;
<span class="reserved">if</span> (<span class="reserved">this</span>.hasChildren(true)) {
sb[sb.length] = <span class="literal">' onmouseover="this.className='</span>;
sb[sb.length] = <span class="literal">'YAHOO.widget.TreeView.getNode(\'</span><span class="literal">';
sb[sb.length] = this.tree.id + '</span>\<span class="literal">','</span> + <span class="reserved">this</span>.index + <span class="literal">').getHoverStyle()"'</span>;
sb[sb.length] = <span class="literal">' onmouseout="this.className='</span>;
sb[sb.length] = <span class="literal">'YAHOO.widget.TreeView.getNode(\'</span><span class="literal">';
sb[sb.length] = this.tree.id + '</span>\<span class="literal">','</span> + <span class="reserved">this</span>.index + <span class="literal">').getStyle()"'</span>;
}
sb[sb.length] = <span class="literal">'&gt;&amp;#160;&lt;/td&gt;'</span>;
}
sb[sb.length] = <span class="literal">'&lt;td'</span>;
sb[sb.length] = <span class="literal">' id="'</span> + <span class="reserved">this</span>.contentElId + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' class="'</span> + <span class="reserved">this</span>.contentStyle + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' &gt;'</span>;
sb[sb.length] = <span class="reserved">this</span>.html;
sb[sb.length] = <span class="literal">'&lt;/td&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;/tr&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;/table&gt;'</span>;
<span class="reserved">return</span> sb.join(<span class="literal">""</span>);
};
YAHOO.widget.HTMLNode.<span class="reserved">prototype</span>.toString = <span class="reserved">function</span>() {
<span class="reserved">return</span> <span class="literal">"HTMLNode ("</span> + <span class="reserved">this</span>.index + <span class="literal">")"</span>;
};
</pre>
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,288 @@
<html>
<head>
<!--<title>YUI API - MenuNode.js</title>-->
<!--<title>YUI API - MenuNode.js </title>-->
<title>API: TreeView overview-summary-MenuNode.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>
&gt;
<strong>MenuNode.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>MenuNode.js</h2>
<div class="meta">
</div>
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<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.MenuNode.html">YAHOO.widget.MenuNode</a>
</td>
<td class="overview">&nbsp;</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">/**
* A menu-specific implementation that differs from TextNode in that only
* one sibling can be expanded at a time.
* <span class="attrib">@extends</span> YAHOO.widget.TextNode
* <span class="attrib">@constructor</span>
*/</span>
YAHOO.widget.MenuNode = <span class="reserved">function</span>(oData, oParent, expanded) {
<span class="reserved">if</span> (oData) {
<span class="reserved">this</span>.init(oData, oParent, expanded);
<span class="reserved">this</span>.setUpLabel(oData);
}
<span class="comment">/**
* Menus usually allow only one branch to be open at a time.
* <span class="attrib">@type</span> boolean
*/</span>
<span class="reserved">this</span>.multiExpand = false;
<span class="comment">/**
* <span class="attrib">@private</span>
*/</span>
<span class="reserved">this</span>.logger = new YAHOO.widget.LogWriter(<span class="reserved">this</span>.toString());
};
YAHOO.widget.MenuNode.<span class="reserved">prototype</span> = new YAHOO.widget.TextNode();
YAHOO.widget.MenuNode.<span class="reserved">prototype</span>.toString = <span class="reserved">function</span>() {
<span class="reserved">return</span> <span class="literal">"MenuNode ("</span> + <span class="reserved">this</span>.index + <span class="literal">") "</span> + <span class="reserved">this</span>.label;
};
</pre>
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,293 @@
<html>
<head>
<!--<title>YUI API - RootNode.js</title>-->
<!--<title>YUI API - RootNode.js </title>-->
<title>API: TreeView overview-summary-RootNode.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>
&gt;
<strong>RootNode.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>RootNode.js</h2>
<div class="meta">
</div>
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<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.RootNode.html">YAHOO.widget.RootNode</a>
</td>
<td class="overview">&nbsp;</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">/**
* A custom YAHOO.widget.Node that handles the unique nature of
* the virtual, presentationless root node.
*
* <span class="attrib">@extends</span> YAHOO.widget.Node
* <span class="attrib">@constructor</span>
*/</span>
YAHOO.widget.RootNode = <span class="reserved">function</span>(oTree) {
<span class="comment"> // Initialize the node with null params. The root node is a</span>
<span class="comment"> // special case where the node has no presentation. So we have</span>
<span class="comment"> // to alter the standard properties a bit.</span>
<span class="reserved">this</span>.init(null, null, true);
<span class="comment">/**
* For the root node, we get the tree reference from as a param
* to the constructor instead of from the parent element.
*
* <span class="attrib">@type</span> TreeView
*/</span>
<span class="reserved">this</span>.tree = oTree;
};
YAHOO.widget.RootNode.<span class="reserved">prototype</span> = new YAHOO.widget.Node();
<span class="comment">
// overrides YAHOO.widget.Node</span>
YAHOO.widget.RootNode.<span class="reserved">prototype</span>.getNodeHtml = <span class="reserved">function</span>() {
<span class="reserved">return</span> <span class="literal">""</span>;
};
YAHOO.widget.RootNode.<span class="reserved">prototype</span>.toString = <span class="reserved">function</span>() {
<span class="reserved">return</span> <span class="literal">"RootNode"</span>;
};
YAHOO.widget.RootNode.<span class="reserved">prototype</span>.loadComplete = <span class="reserved">function</span>() {
<span class="reserved">this</span>.tree.draw();
};
</pre>
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,306 @@
<html>
<head>
<!--<title>YUI API - TVAnim.js</title>-->
<!--<title>YUI API - TVAnim.js </title>-->
<title>API: TreeView overview-summary-TVAnim.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>
&gt;
<strong>TVAnim.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>TVAnim.js</h2>
<div class="meta">
</div>
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<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.TVAnim.html">YAHOO.widget.TVAnim</a>
</td>
<td class="overview">&nbsp;</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">/**
* A static factory class for tree view expand/collapse animations
*
* <span class="attrib">@constructor</span>
*/</span>
YAHOO.widget.TVAnim = <span class="reserved">function</span>() {
<span class="reserved">return</span> {
<span class="comment">/**
* Constant for the fade in animation
*
* <span class="attrib">@type</span> string
*/</span>
FADE_IN: <span class="literal">"TVFadeIn"</span>,
<span class="comment">/**
* Constant for the fade out animation
*
* <span class="attrib">@type</span> string
*/</span>
FADE_OUT: <span class="literal">"TVFadeOut"</span>,
<span class="comment">/**
* Returns a ygAnim instance of the given type
*
* <span class="attrib">@param</span> type {string} the type of animation
* <span class="attrib">@param</span> el {HTMLElement} the element to element (probably the children div)
* <span class="attrib">@param</span> callback {function} function to invoke when the animation is done.
* <span class="attrib">@return</span> {YAHOO.util.Animation} the animation instance
*/</span>
getAnim: <span class="reserved">function</span>(type, el, callback) {
<span class="reserved">if</span> (YAHOO.widget[type]) {
<span class="reserved">return</span> new YAHOO.widget[type](el, callback);
} <span class="reserved">else</span> {
<span class="reserved">return</span> null;
}
},
<span class="comment">/**
* Returns true if the specified animation class is available
*
* <span class="attrib">@param</span> type {string} the type of animation
* <span class="attrib">@return</span> {boolean} true if valid, false if not
*/</span>
isValid: <span class="reserved">function</span>(type) {
<span class="reserved">return</span> (YAHOO.widget[type]);
}
};
} ();
</pre>
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,321 @@
<html>
<head>
<!--<title>YUI API - TVFadeIn.js</title>-->
<!--<title>YUI API - TVFadeIn.js </title>-->
<title>API: TreeView overview-summary-TVFadeIn.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>
&gt;
<strong>TVFadeIn.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>TVFadeIn.js</h2>
<div class="meta">
</div>
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<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.TVFadeIn.html">YAHOO.widget.TVFadeIn</a>
</td>
<td class="overview">&nbsp;</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">/**
* A 1/2 second fade-in animation.
*
* <span class="attrib">@constructor</span>
* <span class="attrib">@param</span> el {HTMLElement} the element to animate
* <span class="attrib">@param</span> callback {function} function to invoke when the animation is finished
*/</span>
YAHOO.widget.TVFadeIn = <span class="reserved">function</span>(el, callback) {
<span class="comment">/**
* The element to animate
* <span class="attrib">@type</span> HTMLElement
*/</span>
<span class="reserved">this</span>.el = el;
<span class="comment">/**
* the callback to invoke when the animation is complete
*
* <span class="attrib">@type</span> function
*/</span>
<span class="reserved">this</span>.callback = callback;
<span class="comment">/**
* <span class="attrib">@private</span>
*/</span>
<span class="reserved">this</span>.logger = new YAHOO.widget.LogWriter(<span class="reserved">this</span>.toString());
};
<span class="comment">/**
* Performs the animation
*/</span>
YAHOO.widget.TVFadeIn.<span class="reserved">prototype</span> = {
animate: <span class="reserved">function</span>() {
var tvanim = <span class="reserved">this</span>;
var s = <span class="reserved">this</span>.el.style;
s.opacity = 0.1;
s.filter = <span class="literal">"alpha(opacity=10)"</span>;
s.display = <span class="literal">""</span>;
<span class="comment">
// var dur = ( navigator.userAgent.match(/msie/gi) ) ? 0.05 : 0.4;</span>
var dur = 0.4;
<span class="comment"> // this.logger.log("duration: " + dur);</span>
<span class="comment"> // var a = new ygAnim_Fade(this.el, dur, 1);</span>
<span class="comment"> // a.setStart(0.1);</span>
<span class="comment"> // a.onComplete = function() { tvanim.onComplete(); };</span>
<span class="comment">
// var a = new YAHOO.util.Anim(this.el, 'opacity', 0.1, 1);</span>
var a = new YAHOO.util.Anim(<span class="reserved">this</span>.el, {opacity: {from: 0.1, to: 1, unit:<span class="literal">""</span>}}, dur);
a.onComplete.subscribe( <span class="reserved">function</span>() { tvanim.onComplete(); } );
a.animate();
},
<span class="comment">/**
* Clean up and invoke callback
*/</span>
onComplete: <span class="reserved">function</span>() {
<span class="reserved">this</span>.callback();
},
toString: <span class="reserved">function</span>() {
<span class="reserved">return</span> <span class="literal">"TVFadeIn"</span>;
}
};
</pre>
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,318 @@
<html>
<head>
<!--<title>YUI API - TVFadeOut.js</title>-->
<!--<title>YUI API - TVFadeOut.js </title>-->
<title>API: TreeView overview-summary-TVFadeOut.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>
&gt;
<strong>TVFadeOut.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>TVFadeOut.js</h2>
<div class="meta">
</div>
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<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.TVFadeOut.html">YAHOO.widget.TVFadeOut</a>
</td>
<td class="overview">&nbsp;</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">/**
* A 1/2 second fade out animation.
*
* <span class="attrib">@constructor</span>
* <span class="attrib">@param</span> el {HTMLElement} the element to animate
* <span class="attrib">@param</span> callback {Function} function to invoke when the animation is finished
*/</span>
YAHOO.widget.TVFadeOut = <span class="reserved">function</span>(el, callback) {
<span class="comment">/**
* The element to animate
* <span class="attrib">@type</span> HTMLElement
*/</span>
<span class="reserved">this</span>.el = el;
<span class="comment">/**
* the callback to invoke when the animation is complete
*
* <span class="attrib">@type</span> function
*/</span>
<span class="reserved">this</span>.callback = callback;
<span class="comment">/**
* <span class="attrib">@private</span>
*/</span>
<span class="reserved">this</span>.logger = new YAHOO.widget.LogWriter(<span class="reserved">this</span>.toString());
};
<span class="comment">/**
* Performs the animation
*/</span>
YAHOO.widget.TVFadeOut.<span class="reserved">prototype</span> = {
animate: <span class="reserved">function</span>() {
var tvanim = <span class="reserved">this</span>;
<span class="comment"> // var dur = ( navigator.userAgent.match(/msie/gi) ) ? 0.05 : 0.4;</span>
var dur = 0.4;
<span class="comment"> // this.logger.log("duration: " + dur);</span>
<span class="comment"> // var a = new ygAnim_Fade(this.el, dur, 0.1);</span>
<span class="comment"> // a.onComplete = function() { tvanim.onComplete(); };</span>
<span class="comment">
// var a = new YAHOO.util.Anim(this.el, 'opacity', 1, 0.1);</span>
var a = new YAHOO.util.Anim(<span class="reserved">this</span>.el, {opacity: {from: 1, to: 0.1, unit:<span class="literal">""</span>}}, dur);
a.onComplete.subscribe( <span class="reserved">function</span>() { tvanim.onComplete(); } );
a.animate();
},
<span class="comment">/**
* Clean up and invoke callback
*/</span>
onComplete: <span class="reserved">function</span>() {
var s = <span class="reserved">this</span>.el.style;
s.display = <span class="literal">"none"</span>;
<span class="comment"> // s.opacity = 1;</span>
s.filter = <span class="literal">"alpha(opacity=100)"</span>;
<span class="reserved">this</span>.callback();
},
toString: <span class="reserved">function</span>() {
<span class="reserved">return</span> <span class="literal">"TVFadeOut"</span>;
}
};
</pre>
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,432 @@
<html>
<head>
<!--<title>YUI API - TextNode.js</title>-->
<!--<title>YUI API - TextNode.js </title>-->
<title>API: TreeView overview-summary-TextNode.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>
&gt;
<strong>TextNode.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>TextNode.js</h2>
<div class="meta">
</div>
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<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.TextNode.html">YAHOO.widget.TextNode</a>
</td>
<td class="overview">&nbsp;</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">/**
* The default node presentation. The first parameter should be
* either a string that will be used as the node's label, or an object
* that has a string propery called label. By default, the clicking the
* label will toggle the expanded/collapsed state of the node. By
* changing the href property of the instance, this behavior can be
* changed so that the label will go to the specified href.
*
* <span class="attrib">@extends</span> YAHOO.widget.Node
* <span class="attrib">@constructor</span>
* <span class="attrib">@param</span> oData {object} a string or object containing the data that will
* be used to render this node
* <span class="attrib">@param</span> oParent {YAHOO.widget.Node} this node's parent node
* <span class="attrib">@param</span> expanded {boolean} the initial expanded/collapsed state
*/</span>
YAHOO.widget.TextNode = <span class="reserved">function</span>(oData, oParent, expanded) {
<span class="comment"> // this.type = "TextNode";</span>
<span class="reserved">if</span> (oData) {
<span class="reserved">this</span>.init(oData, oParent, expanded);
<span class="reserved">this</span>.setUpLabel(oData);
}
<span class="comment">/**
* <span class="attrib">@private</span>
*/</span>
<span class="reserved">this</span>.logger = new YAHOO.widget.LogWriter(<span class="reserved">this</span>.toString());
};
YAHOO.widget.TextNode.<span class="reserved">prototype</span> = new YAHOO.widget.Node();
<span class="comment">/**
* The CSS class for the label href. Defaults to ygtvlabel, but can be
* overridden to provide a custom presentation for a specific node.
*
* <span class="attrib">@type</span> string
*/</span>
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.labelStyle = <span class="literal">"ygtvlabel"</span>;
<span class="comment">/**
* The derived element id of the label for this node
*
* <span class="attrib">@type</span> string
*/</span>
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.labelElId = null;
<span class="comment">/**
* The text for the label. It is assumed that the oData parameter will
* either be a string that will be used as the label, or an object that
* has a property called "label" that we will use.
*
* <span class="attrib">@type</span> string
*/</span>
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.label = null;
<span class="comment">/**
* Sets up the node label
*
* <span class="attrib">@param</span> oData string containing the label, or an object with a label property
*/</span>
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.setUpLabel = <span class="reserved">function</span>(oData) {
<span class="reserved">if</span> (typeof oData == <span class="literal">"string"</span>) {
oData = { label: oData };
}
<span class="reserved">this</span>.label = oData.label;
<span class="comment">
// update the link</span>
<span class="reserved">if</span> (oData.href) {
<span class="reserved">this</span>.href = oData.href;
}
<span class="comment">
// set the target</span>
<span class="reserved">if</span> (oData.target) {
<span class="reserved">this</span>.target = oData.target;
}
<span class="reserved">if</span> (oData.style) {
<span class="reserved">this</span>.labelStyle = oData.style;
}
<span class="reserved">this</span>.labelElId = <span class="literal">"ygtvlabelel"</span> + <span class="reserved">this</span>.index;
};
<span class="comment">/**
* Returns the label element
*
* <span class="attrib">@return</span> {object} the element
*/</span>
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.getLabelEl = <span class="reserved">function</span>() {
<span class="reserved">return</span> document.getElementById(<span class="reserved">this</span>.labelElId);
};
<span class="comment">
// overrides YAHOO.widget.Node</span>
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.getNodeHtml = <span class="reserved">function</span>() {
<span class="reserved">this</span>.logger.log(<span class="literal">"Generating html"</span>);
var sb = [];
sb[sb.length] = <span class="literal">'&lt;table border="0" cellpadding="0" cellspacing="0"&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;tr&gt;'</span>;
<span class="reserved">for</span> (i=0;i&lt;<span class="reserved">this</span>.depth;++i) {
<span class="comment"> // sb[sb.length] = '&lt;td class="ygtvdepthcell"&gt;&amp;#160;&lt;/td&gt;';</span>
sb[sb.length] = <span class="literal">'&lt;td class="'</span> + <span class="reserved">this</span>.getDepthStyle(i) + <span class="literal">'"&gt;&amp;#160;&lt;/td&gt;'</span>;
}
var getNode = <span class="literal">'YAHOO.widget.TreeView.getNode(\'</span><span class="literal">' +
this.tree.id + '</span>\<span class="literal">','</span> + <span class="reserved">this</span>.index + <span class="literal">')'</span>;
sb[sb.length] = <span class="literal">'&lt;td'</span>;
<span class="comment"> // sb[sb.length] = ' onselectstart="return false"';</span>
sb[sb.length] = <span class="literal">' id="'</span> + <span class="reserved">this</span>.getToggleElId() + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' class="'</span> + <span class="reserved">this</span>.getStyle() + <span class="literal">'"'</span>;
<span class="reserved">if</span> (<span class="reserved">this</span>.hasChildren(true)) {
sb[sb.length] = <span class="literal">' onmouseover="this.className='</span>;
sb[sb.length] = getNode + <span class="literal">'.getHoverStyle()"'</span>;
sb[sb.length] = <span class="literal">' onmouseout="this.className='</span>;
sb[sb.length] = getNode + <span class="literal">'.getStyle()"'</span>;
}
sb[sb.length] = <span class="literal">' onclick="javascript:'</span> + <span class="reserved">this</span>.getToggleLink() + <span class="literal">'"&gt;'</span>;
<span class="comment">/*
sb[sb.length] = '&lt;img id="' + this.getSpacerId() + '"';
sb[sb.length] = ' alt=""';
sb[sb.length] = ' tabindex=0';
sb[sb.length] = ' src="' + this.spacerPath + '"';
sb[sb.length] = ' title="' + this.getStateText() + '"';
sb[sb.length] = ' class="ygtvspacer"';
// sb[sb.length] = ' onkeypress="return ' + getNode + '".onKeyPress()"';
sb[sb.length] = ' /&gt;';
*/</span>
sb[sb.length] = <span class="literal">'&amp;#160;'</span>;
sb[sb.length] = <span class="literal">'&lt;/td&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;td&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;a'</span>;
sb[sb.length] = <span class="literal">' id="'</span> + <span class="reserved">this</span>.labelElId + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' class="'</span> + <span class="reserved">this</span>.labelStyle + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' href="'</span> + <span class="reserved">this</span>.href + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' target="'</span> + <span class="reserved">this</span>.target + <span class="literal">'"'</span>;
sb[sb.length] = <span class="literal">' onclick="return '</span> + getNode + <span class="literal">'.onLabelClick('</span> + getNode +<span class="literal">')"'</span>;
<span class="reserved">if</span> (<span class="reserved">this</span>.hasChildren(true)) {
sb[sb.length] = <span class="literal">' onmouseover="document.getElementById(\'</span><span class="literal">';
sb[sb.length] = this.getToggleElId() + '</span>\<span class="literal">').className='</span>;
sb[sb.length] = getNode + <span class="literal">'.getHoverStyle()"'</span>;
sb[sb.length] = <span class="literal">' onmouseout="document.getElementById(\'</span><span class="literal">';
sb[sb.length] = this.getToggleElId() + '</span>\<span class="literal">').className='</span>;
sb[sb.length] = getNode + <span class="literal">'.getStyle()"'</span>;
}
sb[sb.length] = <span class="literal">' &gt;'</span>;
sb[sb.length] = <span class="reserved">this</span>.label;
sb[sb.length] = <span class="literal">'&lt;/a&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;/td&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;/tr&gt;'</span>;
sb[sb.length] = <span class="literal">'&lt;/table&gt;'</span>;
<span class="reserved">return</span> sb.join(<span class="literal">""</span>);
};
<span class="comment">/**
* Executed when the label is clicked
* <span class="attrib">@param</span> me {Node} this node
* <span class="attrib">@scope</span> the anchor tag clicked
* <span class="attrib">@return</span> false to cancel the anchor click
*/</span>
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.onLabelClick = <span class="reserved">function</span>(me) {
me.logger.log(<span class="literal">"onLabelClick "</span> + <span class="reserved">this</span>.label);
<span class="comment"> //return true;</span>
};
YAHOO.widget.TextNode.<span class="reserved">prototype</span>.toString = <span class="reserved">function</span>() {
<span class="reserved">return</span> <span class="literal">"TextNode ("</span> + <span class="reserved">this</span>.index + <span class="literal">") "</span> + <span class="reserved">this</span>.label;
};
</pre>
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View 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>
&gt;
<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>&nbsp;
<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">&nbsp;</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 &amp;&amp; <span class="reserved">this</span>._animCount &lt; <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 &amp;&amp; <span class="reserved">this</span>._animCount &lt; <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 &amp;&amp; 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 &amp;&amp; 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 &amp;&amp; p &amp;&amp; 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&lt;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 &lt; styles.length; ++i) {
sb[sb.length] = <span class="literal">'&lt;span class="'</span> + prefix + styles[i] + <span class="literal">'"&gt;&amp;#160;&lt;/span&gt;'</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 &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,279 @@
<html>
<head>
<!--<title>YUI API - TreeView</title>-->
<!--<title>YUI API - TreeView </title>-->
<title>API: TreeView overview-summary.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>
&gt;
<strong>All Files</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>
All Files
</h2>
<div class="quick-links">
<strong>Quick Links:</strong>&nbsp;
<a href="#fileSummary">File Summary</a>
</div>
<div class="section file summaries">
<h3><a name="fileSummary">File 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="overview-summary-HTMLNode.js.html">HTMLNode.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
<tr>
<td class="name">
<a href="overview-summary-MenuNode.js.html">MenuNode.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
<tr>
<td class="name">
<a href="overview-summary-Node.js.html">Node.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
<tr>
<td class="name">
<a href="overview-summary-RootNode.js.html">RootNode.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
<tr>
<td class="name">
<a href="overview-summary-TextNode.js.html">TextNode.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
<tr>
<td class="name">
<a href="overview-summary-TreeView.js.html">TreeView.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
<tr>
<td class="name">
<a href="overview-summary-TVAnim.js.html">TVAnim.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
<tr>
<td class="name">
<a href="overview-summary-TVFadeIn.js.html">TVFadeIn.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
<tr>
<td class="name">
<a href="overview-summary-TVFadeOut.js.html">TVFadeOut.js</a>
</td>
<td class="overview">&nbsp;</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,218 @@
<html>
<head>
<!--<title>YUI API - </title>-->
<!--<title>YUI API - </title>-->
<title>API: TreeView overview-tree.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>
&gt;
<strong>Class Hierarchy</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>Class Hierarchy</h2>
<UL><LI TYPE="circle">Object</LI><UL>
<LI TYPE="circle">
<A HREF="YAHOO.widget.html">
<B>YAHOO.widget</B></A></LI>
<LI TYPE="circle">
<A HREF="YAHOO.widget.Node.html">
<B>YAHOO.widget.Node</B></A></LI>
<UL>
<LI TYPE="circle">
<A HREF="YAHOO.widget.HTMLNode.html">
<B>YAHOO.widget.HTMLNode</B></A></LI>
<LI TYPE="circle">
<A HREF="YAHOO.widget.RootNode.html">
<B>YAHOO.widget.RootNode</B></A></LI>
<LI TYPE="circle">
<A HREF="YAHOO.widget.TextNode.html">
<B>YAHOO.widget.TextNode</B></A></LI>
<UL>
<LI TYPE="circle">
<A HREF="YAHOO.widget.MenuNode.html">
<B>YAHOO.widget.MenuNode</B></A></LI>
</UL></UL>
<LI TYPE="circle">
<A HREF="YAHOO.widget.TreeView.html">
<B>YAHOO.widget.TreeView</B></A></LI>
<LI TYPE="circle">
<A HREF="YAHOO.widget.TVAnim.html">
<B>YAHOO.widget.TVAnim</B></A></LI>
<LI TYPE="circle">
<A HREF="YAHOO.widget.TVFadeIn.html">
<B>YAHOO.widget.TVFadeIn</B></A></LI>
<LI TYPE="circle">
<A HREF="YAHOO.widget.TVFadeOut.html">
<B>YAHOO.widget.TVFadeOut</B></A></LI>
</UL></UL>
</div>
</div>
<div id="footer">
<hr />
Copyright &copy; 2004 - 2006 Yahoo! Inc. All rights reserved.
</div>
</body>
</html>

View file

@ -0,0 +1,84 @@
/* JSDoc style sheet */
body, td { background: #FFFFFF; font-size: 90%; font-family: Helvetica, Arial, san-serif; }
a:link { color: #00F; }
a:visited { color: #003399;}
h1, h2, h3, h4 { margin: 0; padding: 0; }
/* Header */
#header h1 { color: #545454; font:170%/50px Arial Bold; padding: 0 0 0 70px; background: url(logo.gif) left center no-repeat; }
#header h3 { background: #947DB2; color: #FFF; font: 110%/1.22em arial; padding: 5px 10px; margin: 0 0 7px 0; }
#header h3 A { color: #FFF; text-decoration: none; }
#header .breadcrumbs { font-size: 85%; margin-bottom:10px;}
#body { min-width: 600px; }
/* Side nav */
#body .nav {overflow:auto; width: 13em; float:left;position:relative; }
#body .nav .module { background: #EBE9E9; margin: 0 0 15px 0; padding: 0; }
#body .nav .module h4 { padding: 3px 5px; border-bottom: #947DB2 1px solid; }
#body .nav .module h4 A { color: #000; text-decoration: none; }
#body .nav .module .content { margin: 0; padding: 7px; }
#body .nav .module UL.content { list-style-type: none; }
#body .nav .module UL.content LI { padding: 0 0 3px 0; font-size: 90%; }
#body .nav .module UL.content A { text-decoration: none; }
#body .nav .module.resources UL { font-size: 85%; padding: 7px 7px 7px 20px; list-style-type: square; color: #947DB2; }
/* Body Content */
#pri { float:left; width:100%; margin-left: -13em; min-width: 435px; }
#body .main {margin-left: 13em; padding-left: 1em; }
#body .class-def { margin: 10px 0; }
#body .class-def div { margin: 5px 0; }
#body .class-def .class-attribs { font-style: italic; }
#body .meta div { margin: 15px 0 7px 0; }
#body .meta dl { margin: 15px 0; }
#body .meta dd { margin-left: 20px; }
#body .meta .requires dt { font-style: italic; }
#body .meta .deprecated strong { font-style: italic; }
#body .quick-links { margin: 10px 0; font-size: 80%; }
#body .section { margin: 0 0 30px 0; }
#body .section h3 { background: #947DB2; width: 100%; color: #FFF; padding: 3px; margin: 0 0 7px 0; }
#body .section h3 .top { font-size: 60%; font-weight: normal; width: 100%; font-family: verdana; padding-left: 20px; }
#body .section h3 .top A { color: #FFF; text-decoration: none; }
#body .section table { overflow:auto; }
#body .section.summaries td.flags { text-align: right; vertical-align: top; min-width: 1px; font-family: courier new; font-size: 80%; }
#body .section.summaries .spec { vertical-align: top; width: 100%; }
#body .section.summaries .spec a { font-weight: bold; }
#body .section.summaries .description { min-height: 20px; }
#body .section.class.summaries .name,
#body .section.file.summaries .name { font-weight: bold; }
#body .section.class.summaries .overview,
#body .section.file.summaries .overview { width: 100%; }
#body .section.source h3 { margin: 0; }
#body .section.details .content { padding: 0 0 0 10px; }
#body .section.details .description { padding: 10px 0 0 20px; }
#body .section.details .description dt { font-weight: bold; }
#body .elem-index h3 { padding: 0; margin: 10px 0 0 0; }
#body .elem-index dl { margin: 0 0 15px 15px; }
#body .elem-index dt { float: left; }
#body .elem-index dt A { text-decoration: none; }
#body .elem-index dd { font-size: 85%; }
/* Sourcecode view */
.sourceview { background:#e9e9e9; word-wrap:break-word;padding: 5px; margin: 5px; }
.attrib { color: #DD7777 }
.comment { color: #55AA55 }
.reserved { color: #FF5555 }
.literal { color: #5555FF }
/* Footer */
#footer { text-align: center; font-size: 70%; font-family: verdana; margin: 20px 0; }
#footer HR { clear: both; height:1px;border-width:1px 0 0; }