123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227 |
- <div class="body-wrap">
- <div class="top-tools">
- <a class="inner-link" href="#Ext.tree.TreeNodeUI-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
- <a class="inner-link" href="#Ext.tree.TreeNodeUI-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
- <a class="inner-link" href="#Ext.tree.TreeNodeUI-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
- <a class="bookmark" href="../docs/?class=Ext.tree.TreeNodeUI"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
- </div>
- <h1>Class Ext.tree.TreeNodeUI</h1>
- <table cellspacing="0">
- <tr><td class="label">Package:</td><td class="hd-info">Ext.tree</td></tr>
- <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/TreeNodeUI.js" target="_blank">TreeNodeUI.js</a></td></tr>
- <tr><td class="label">Class:</td><td class="hd-info">TreeNodeUI</td></tr>
- <tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr>
- </table>
- <div class="description">
- This class provides the default UI implementation for Ext TreeNodes.
- The TreeNode UI implementation is separate from the
- tree implementation, and allows customizing of the appearance of
- tree nodes.<br>
- <p>
- If you are customizing the Tree's user interface, you
- may need to extend this class, but you should never need to instantiate this class.<br>
- <p>
- This class provides access to the user interface components of an Ext TreeNode, through
- <a ext:cls="Ext.tree.TreeNode" ext:member="getUI" href="output/Ext.tree.TreeNode.html#getUI">Ext.tree.TreeNode.getUI</a> </div>
-
- <div class="hr"></div>
- <a id="Ext.tree.TreeNodeUI-props"></a>
- <h2>Public Properties</h2>
- <div class="no-members">This class has no public properties.</div> <a id="Ext.tree.TreeNodeUI-methods"></a>
- <h2>Public Methods</h2>
- <table cellspacing="0" class="member-table">
- <tr>
- <th class="sig-header" colspan="2">Method</th>
- <th class="msource-header">Defined By</th>
- </tr>
- <tr class="method-row expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-addClass"></a>
- <b>addClass</b>( <code>String/Array className</code> ) : void <div class="mdesc">
- <div class="short">Adds one or more CSS classes to the node's UI element.
- Duplicate classes are automatically filtered out.</div>
- <div class="long">
- Adds one or more CSS classes to the node's UI element.
- Duplicate classes are automatically filtered out. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li><code>className</code> : String/Array<div class="sub-desc">The CSS class to add, or an array of classes</div></li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>void</code></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- <tr class="method-row alt expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-getAnchor"></a>
- <b>getAnchor</b>() : HtmlElement <div class="mdesc">
- <div class="short">Returns the <a> element that provides focus for the node's UI.</div>
- <div class="long">
- Returns the <a> element that provides focus for the node's UI. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li>None.</li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>HtmlElement</code><div class="sub-desc">The DOM anchor element.</div></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- <tr class="method-row expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-getIconEl"></a>
- <b>getIconEl</b>() : HtmlElement <div class="mdesc">
- <div class="short">Returns the icon <img> element.</div>
- <div class="long">
- Returns the icon <img> element. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li>None.</li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>HtmlElement</code><div class="sub-desc">The DOM image element.</div></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- <tr class="method-row alt expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-getTextEl"></a>
- <b>getTextEl</b>() : HtmlNode <div class="mdesc">
- <div class="short">Returns the text node.</div>
- <div class="long">
- Returns the text node. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li>None.</li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>HtmlNode</code><div class="sub-desc">The DOM text node.</div></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- <tr class="method-row expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-hide"></a>
- <b>hide</b>() : void <div class="mdesc">
- <div class="short">Hides this node.</div>
- <div class="long">
- Hides this node. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li>None.</li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>void</code></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- <tr class="method-row alt expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-isChecked"></a>
- <b>isChecked</b>() : Boolean <div class="mdesc">
- <div class="short">Returns the checked status of the node. If the node was rendered with no
- checkbox, it returns false.</div>
- <div class="long">
- Returns the checked status of the node. If the node was rendered with no
- checkbox, it returns false. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li>None.</li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>Boolean</code><div class="sub-desc">The checked flag.</div></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- <tr class="method-row expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-removeClass"></a>
- <b>removeClass</b>( <code>String/Array className</code> ) : void <div class="mdesc">
- <div class="short">Removes one or more CSS classes from the node's UI element.</div>
- <div class="long">
- Removes one or more CSS classes from the node's UI element. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li><code>className</code> : String/Array<div class="sub-desc">The CSS class to remove, or an array of classes</div></li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>void</code></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- <tr class="method-row alt expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-show"></a>
- <b>show</b>() : void <div class="mdesc">
- <div class="short">Shows this node.</div>
- <div class="long">
- Shows this node. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li>None.</li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>void</code></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- <tr class="method-row expandable">
- <td class="micon"><a class="exi" href="#expand"> </a></td>
- <td class="sig">
- <a id="Ext.tree.TreeNodeUI-toggleCheck"></a>
- <b>toggleCheck</b>( <code>Boolean (optional)</code> ) : void <div class="mdesc">
- <div class="short">Sets the checked status of the tree node to the passed value, or, if no value was passed,
- toggles the checked status....</div>
- <div class="long">
- Sets the checked status of the tree node to the passed value, or, if no value was passed,
- toggles the checked status. If the node was rendered with no checkbox, this has no effect. <div class="mdetail-params">
- <strong>Parameters:</strong>
- <ul><li><code>(optional)</code> : Boolean<div class="sub-desc">The new checked status.</div></li> </ul>
- <strong>Returns:</strong>
- <ul>
- <li><code>void</code></li>
- </ul>
- </div>
- </div>
- </div>
- </td>
- <td class="msource">TreeNodeUI</td>
- </tr>
- </table>
- <a id="Ext.tree.TreeNodeUI-events"></a>
- <h2>Public Events</h2>
- <div class="no-members">This class has no public events.</div>
- </div>
|