1 <html><head><title>Roo/tree/TreeNodeUI.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
4 * Copyright(c) 2006-2007, Ext JS, LLC.
6 * Originally Released Under LGPL - original licence link has changed is not relivant.
9 * <script type="text/javascript">
13 * @class Roo.tree.TreeNodeUI
15 * @param {Object} node The node to render
16 * The TreeNode UI implementation is separate from the
17 * tree implementation. Unless you are customizing the tree UI,
18 * you should never have to use this directly.
20 </span><span class="jsdoc-var">Roo.tree.TreeNodeUI </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">){
21 </span><span class="jsdoc-var">this.node </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">;
22 </span><span class="jsdoc-var">this.rendered </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
23 </span><span class="jsdoc-var">this.animating </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
24 </span><span class="jsdoc-var">this.emptyIcon </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.BLANK_IMAGE_URL</span><span class="jsdoc-syntax">;
27 </span><span class="jsdoc-var">Roo.tree.TreeNodeUI.prototype </span><span class="jsdoc-syntax">= {
28 </span><span class="jsdoc-var">removeChild </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">){
29 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
30 </span><span class="jsdoc-var">this.ctNode.removeChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node.ui.getEl</span><span class="jsdoc-syntax">());
34 </span><span class="jsdoc-var">beforeLoad </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
35 </span><span class="jsdoc-var">this.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-node-loading"</span><span class="jsdoc-syntax">);
38 </span><span class="jsdoc-var">afterLoad </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
39 </span><span class="jsdoc-var">this.removeClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-node-loading"</span><span class="jsdoc-syntax">);
42 </span><span class="jsdoc-var">onTextChange </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">text</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">oldText</span><span class="jsdoc-syntax">){
43 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
44 </span><span class="jsdoc-var">this.textNode.innerHTML </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">text</span><span class="jsdoc-syntax">;
48 </span><span class="jsdoc-var">onDisableChange </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">state</span><span class="jsdoc-syntax">){
49 </span><span class="jsdoc-var">this.disabled </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">state</span><span class="jsdoc-syntax">;
50 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">state</span><span class="jsdoc-syntax">){
51 </span><span class="jsdoc-var">this.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-node-disabled"</span><span class="jsdoc-syntax">);
52 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
53 </span><span class="jsdoc-var">this.removeClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-node-disabled"</span><span class="jsdoc-syntax">);
57 </span><span class="jsdoc-var">onSelectedChange </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">state</span><span class="jsdoc-syntax">){
58 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">state</span><span class="jsdoc-syntax">){
59 </span><span class="jsdoc-var">this.focus</span><span class="jsdoc-syntax">();
60 </span><span class="jsdoc-var">this.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-selected"</span><span class="jsdoc-syntax">);
61 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
62 </span><span class="jsdoc-comment">//this.blur();
63 </span><span class="jsdoc-var">this.removeClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-selected"</span><span class="jsdoc-syntax">);
67 </span><span class="jsdoc-var">onMove </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">tree</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">oldParent</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">newParent</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">index</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">refNode</span><span class="jsdoc-syntax">){
68 </span><span class="jsdoc-var">this.childIndent </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
69 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
70 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">targetNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">newParent.ui.getContainer</span><span class="jsdoc-syntax">();
71 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">targetNode</span><span class="jsdoc-syntax">){</span><span class="jsdoc-comment">//target not rendered
72 </span><span class="jsdoc-var">this.holder </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.createElement</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"div"</span><span class="jsdoc-syntax">);
73 </span><span class="jsdoc-var">this.holder.appendChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.wrap</span><span class="jsdoc-syntax">);
74 </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
76 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">insertBefore </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">refNode </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">refNode.ui.getEl</span><span class="jsdoc-syntax">() : </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
77 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">insertBefore</span><span class="jsdoc-syntax">){
78 </span><span class="jsdoc-var">targetNode.insertBefore</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.wrap</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">insertBefore</span><span class="jsdoc-syntax">);
79 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
80 </span><span class="jsdoc-var">targetNode.appendChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.wrap</span><span class="jsdoc-syntax">);
82 </span><span class="jsdoc-var">this.node.renderIndent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
86 </span><span class="jsdoc-var">addClass </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">){
87 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.elNode</span><span class="jsdoc-syntax">){
88 </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.elNode</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">);
92 </span><span class="jsdoc-var">removeClass </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">){
93 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.elNode</span><span class="jsdoc-syntax">){
94 </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.elNode</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.removeClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">);
98 </span><span class="jsdoc-var">remove </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
99 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
100 </span><span class="jsdoc-var">this.holder </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.createElement</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"div"</span><span class="jsdoc-syntax">);
101 </span><span class="jsdoc-var">this.holder.appendChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.wrap</span><span class="jsdoc-syntax">);
105 </span><span class="jsdoc-var">fireEvent </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
106 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.node.fireEvent.apply</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">arguments</span><span class="jsdoc-syntax">);
109 </span><span class="jsdoc-var">initEvents </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
110 </span><span class="jsdoc-var">this.node.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"move"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onMove</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
111 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">E </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.EventManager</span><span class="jsdoc-syntax">;
112 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.anchor</span><span class="jsdoc-syntax">;
114 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'_treeui'</span><span class="jsdoc-syntax">);
116 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.isOpera</span><span class="jsdoc-syntax">){ </span><span class="jsdoc-comment">// opera render bug ignores the CSS
117 </span><span class="jsdoc-var">el.setStyle</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"text-decoration"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">"none"</span><span class="jsdoc-syntax">);
120 </span><span class="jsdoc-var">el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"click"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
121 </span><span class="jsdoc-var">el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"dblclick"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onDblClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
123 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.checkbox</span><span class="jsdoc-syntax">){
124 </span><span class="jsdoc-var">Roo.EventManager.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.checkbox</span><span class="jsdoc-syntax">,
125 </span><span class="jsdoc-var">Roo.isIE </span><span class="jsdoc-syntax">? </span><span class="jsdoc-string">'click' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'change'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onCheckChange</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
128 </span><span class="jsdoc-var">el.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"contextmenu"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onContextMenu</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
130 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">icon </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.iconNode</span><span class="jsdoc-syntax">);
131 </span><span class="jsdoc-var">icon.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"click"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
132 </span><span class="jsdoc-var">icon.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"dblclick"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onDblClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
133 </span><span class="jsdoc-var">icon.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"contextmenu"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onContextMenu</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
134 </span><span class="jsdoc-var">E.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.ecNode</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">"click"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.ecClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
136 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.node.disabled</span><span class="jsdoc-syntax">){
137 </span><span class="jsdoc-var">this.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-node-disabled"</span><span class="jsdoc-syntax">);
139 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.node.hidden</span><span class="jsdoc-syntax">){
140 </span><span class="jsdoc-var">this.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-node-disabled"</span><span class="jsdoc-syntax">);
142 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ot </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.node.getOwnerTree</span><span class="jsdoc-syntax">();
143 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">dd </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ot </span><span class="jsdoc-syntax">? (</span><span class="jsdoc-var">ot.enableDD </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">ot.enableDrag </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">ot.enableDrop</span><span class="jsdoc-syntax">) : </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
144 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">dd </span><span class="jsdoc-syntax">&& (!</span><span class="jsdoc-var">this.node.isRoot </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">ot.rootVisible</span><span class="jsdoc-syntax">)){
145 </span><span class="jsdoc-var">Roo.dd.Registry.register</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.elNode</span><span class="jsdoc-syntax">, {
146 </span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">,
147 </span><span class="jsdoc-var">handles</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.getDDHandles</span><span class="jsdoc-syntax">(),
148 </span><span class="jsdoc-var">isHandle</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false
149 </span><span class="jsdoc-syntax">});
153 </span><span class="jsdoc-var">getDDHandles </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
154 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">this.iconNode</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.textNode</span><span class="jsdoc-syntax">];
157 </span><span class="jsdoc-var">hide </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
158 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
159 </span><span class="jsdoc-var">this.wrap.style.display </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">"none"</span><span class="jsdoc-syntax">;
163 </span><span class="jsdoc-var">show </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
164 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
165 </span><span class="jsdoc-var">this.wrap.style.display </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">;
169 </span><span class="jsdoc-var">onContextMenu </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
170 </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.node.hasListener</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"contextmenu"</span><span class="jsdoc-syntax">) || </span><span class="jsdoc-var">this.node.getOwnerTree</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.hasListener</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"contextmenu"</span><span class="jsdoc-syntax">)) {
171 </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
172 </span><span class="jsdoc-var">this.focus</span><span class="jsdoc-syntax">();
173 </span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"contextmenu"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">);
177 </span><span class="jsdoc-var">onClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
178 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.dropping</span><span class="jsdoc-syntax">){
179 </span><span class="jsdoc-var">e.stopEvent</span><span class="jsdoc-syntax">();
180 </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
182 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"beforeclick"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">) !== </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">){
183 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.disabled </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">this.node.attributes.href</span><span class="jsdoc-syntax">){
184 </span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"click"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">);
185 </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
187 </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
188 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.disabled</span><span class="jsdoc-syntax">){
189 </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
192 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.node.attributes.singleClickExpand </span><span class="jsdoc-syntax">&& !</span><span class="jsdoc-var">this.animating </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">this.node.hasChildNodes</span><span class="jsdoc-syntax">()){
193 </span><span class="jsdoc-var">this.node.toggle</span><span class="jsdoc-syntax">();
196 </span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"click"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">);
197 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
198 </span><span class="jsdoc-var">e.stopEvent</span><span class="jsdoc-syntax">();
202 </span><span class="jsdoc-var">onDblClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
203 </span><span class="jsdoc-var">e.preventDefault</span><span class="jsdoc-syntax">();
204 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.disabled</span><span class="jsdoc-syntax">){
205 </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
207 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.checkbox</span><span class="jsdoc-syntax">){
208 </span><span class="jsdoc-var">this.toggleCheck</span><span class="jsdoc-syntax">();
210 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.animating </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">this.node.hasChildNodes</span><span class="jsdoc-syntax">()){
211 </span><span class="jsdoc-var">this.node.toggle</span><span class="jsdoc-syntax">();
213 </span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"dblclick"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">);
216 </span><span class="jsdoc-var">onCheckChange </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
217 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">checked </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.checkbox.checked</span><span class="jsdoc-syntax">;
218 </span><span class="jsdoc-var">this.node.attributes.checked </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">checked</span><span class="jsdoc-syntax">;
219 </span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'checkchange'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">checked</span><span class="jsdoc-syntax">);
222 </span><span class="jsdoc-var">ecClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
223 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.animating </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">this.node.hasChildNodes</span><span class="jsdoc-syntax">()){
224 </span><span class="jsdoc-var">this.node.toggle</span><span class="jsdoc-syntax">();
228 </span><span class="jsdoc-var">startDrop </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
229 </span><span class="jsdoc-var">this.dropping </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
232 </span><span class="jsdoc-comment">// delayed drop so the click event doesn't get fired on a drop
233 </span><span class="jsdoc-var">endDrop </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
234 </span><span class="jsdoc-var">setTimeout</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
235 </span><span class="jsdoc-var">this.dropping </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
236 }</span><span class="jsdoc-var">.createDelegate</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">), 50);
239 </span><span class="jsdoc-var">expand </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
240 </span><span class="jsdoc-var">this.updateExpandIcon</span><span class="jsdoc-syntax">();
241 </span><span class="jsdoc-var">this.ctNode.style.display </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">;
244 </span><span class="jsdoc-var">focus </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
245 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.node.preventHScroll</span><span class="jsdoc-syntax">){
246 </span><span class="jsdoc-keyword">try</span><span class="jsdoc-syntax">{</span><span class="jsdoc-var">this.anchor.focus</span><span class="jsdoc-syntax">();
247 }</span><span class="jsdoc-keyword">catch</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){}
248 }</span><span class="jsdoc-keyword">else if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">Roo.isIE</span><span class="jsdoc-syntax">){
249 </span><span class="jsdoc-keyword">try</span><span class="jsdoc-syntax">{
250 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">noscroll </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.node.getOwnerTree</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.getTreeEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.dom</span><span class="jsdoc-syntax">;
251 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">noscroll.scrollLeft</span><span class="jsdoc-syntax">;
252 </span><span class="jsdoc-var">this.anchor.focus</span><span class="jsdoc-syntax">();
253 </span><span class="jsdoc-var">noscroll.scrollLeft </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">l</span><span class="jsdoc-syntax">;
254 }</span><span class="jsdoc-keyword">catch</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){}
258 </span><span class="jsdoc-var">toggleCheck </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">value</span><span class="jsdoc-syntax">){
259 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.checkbox</span><span class="jsdoc-syntax">;
260 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cb</span><span class="jsdoc-syntax">){
261 </span><span class="jsdoc-var">cb.checked </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">value </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? !</span><span class="jsdoc-var">cb.checked </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">value</span><span class="jsdoc-syntax">);
265 </span><span class="jsdoc-var">blur </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
266 </span><span class="jsdoc-keyword">try</span><span class="jsdoc-syntax">{
267 </span><span class="jsdoc-var">this.anchor.blur</span><span class="jsdoc-syntax">();
268 }</span><span class="jsdoc-keyword">catch</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){}
271 </span><span class="jsdoc-var">animExpand </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">callback</span><span class="jsdoc-syntax">){
272 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ct </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.ctNode</span><span class="jsdoc-syntax">);
273 </span><span class="jsdoc-var">ct.stopFx</span><span class="jsdoc-syntax">();
274 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.node.hasChildNodes</span><span class="jsdoc-syntax">()){
275 </span><span class="jsdoc-var">this.updateExpandIcon</span><span class="jsdoc-syntax">();
276 </span><span class="jsdoc-var">this.ctNode.style.display </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">;
277 </span><span class="jsdoc-var">Roo.callback</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">callback</span><span class="jsdoc-syntax">);
278 </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
280 </span><span class="jsdoc-var">this.animating </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
281 </span><span class="jsdoc-var">this.updateExpandIcon</span><span class="jsdoc-syntax">();
283 </span><span class="jsdoc-var">ct.slideIn</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'t'</span><span class="jsdoc-syntax">, {
284 </span><span class="jsdoc-var">callback </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
285 </span><span class="jsdoc-var">this.animating </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
286 </span><span class="jsdoc-var">Roo.callback</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">callback</span><span class="jsdoc-syntax">);
288 </span><span class="jsdoc-var">scope</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">,
289 </span><span class="jsdoc-var">duration</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.node.ownerTree.duration </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">.25
290 </span><span class="jsdoc-syntax">});
293 </span><span class="jsdoc-var">highlight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
294 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">tree </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.node.getOwnerTree</span><span class="jsdoc-syntax">();
295 </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.wrap</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.highlight</span><span class="jsdoc-syntax">(
296 </span><span class="jsdoc-var">tree.hlColor </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-string">"C3DAF9"</span><span class="jsdoc-syntax">,
297 {</span><span class="jsdoc-var">endColor</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">tree.hlBaseColor</span><span class="jsdoc-syntax">}
301 </span><span class="jsdoc-var">collapse </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
302 </span><span class="jsdoc-var">this.updateExpandIcon</span><span class="jsdoc-syntax">();
303 </span><span class="jsdoc-var">this.ctNode.style.display </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">"none"</span><span class="jsdoc-syntax">;
306 </span><span class="jsdoc-var">animCollapse </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">callback</span><span class="jsdoc-syntax">){
307 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ct </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.get</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.ctNode</span><span class="jsdoc-syntax">);
308 </span><span class="jsdoc-var">ct.enableDisplayMode</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'block'</span><span class="jsdoc-syntax">);
309 </span><span class="jsdoc-var">ct.stopFx</span><span class="jsdoc-syntax">();
311 </span><span class="jsdoc-var">this.animating </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
312 </span><span class="jsdoc-var">this.updateExpandIcon</span><span class="jsdoc-syntax">();
314 </span><span class="jsdoc-var">ct.slideOut</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'t'</span><span class="jsdoc-syntax">, {
315 </span><span class="jsdoc-var">callback </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
316 </span><span class="jsdoc-var">this.animating </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
317 </span><span class="jsdoc-var">Roo.callback</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">callback</span><span class="jsdoc-syntax">);
319 </span><span class="jsdoc-var">scope</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">,
320 </span><span class="jsdoc-var">duration</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.node.ownerTree.duration </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">.25
321 </span><span class="jsdoc-syntax">});
324 </span><span class="jsdoc-var">getContainer </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
325 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.ctNode</span><span class="jsdoc-syntax">;
328 </span><span class="jsdoc-var">getEl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
329 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.wrap</span><span class="jsdoc-syntax">;
332 </span><span class="jsdoc-var">appendDDGhost </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ghostNode</span><span class="jsdoc-syntax">){
333 </span><span class="jsdoc-var">ghostNode.appendChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.elNode.cloneNode</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">));
336 </span><span class="jsdoc-var">getDDRepairXY </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
337 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">Roo.lib.Dom.getXY</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.iconNode</span><span class="jsdoc-syntax">);
340 </span><span class="jsdoc-var">onRender </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
341 </span><span class="jsdoc-var">this.render</span><span class="jsdoc-syntax">();
344 </span><span class="jsdoc-var">render </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bulkRender</span><span class="jsdoc-syntax">){
345 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">n </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">n.attributes</span><span class="jsdoc-syntax">;
346 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">targetNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">n.parentNode </span><span class="jsdoc-syntax">?
347 </span><span class="jsdoc-var">n.parentNode.ui.getContainer</span><span class="jsdoc-syntax">() : </span><span class="jsdoc-var">n.ownerTree.innerCt.dom</span><span class="jsdoc-syntax">;
349 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
350 </span><span class="jsdoc-var">this.rendered </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
352 </span><span class="jsdoc-var">this.renderElements</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">n</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">targetNode</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bulkRender</span><span class="jsdoc-syntax">);
354 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">a.qtip</span><span class="jsdoc-syntax">){
355 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.textNode.setAttributeNS</span><span class="jsdoc-syntax">){
356 </span><span class="jsdoc-var">this.textNode.setAttributeNS</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"ext"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">"qtip"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a.qtip</span><span class="jsdoc-syntax">);
357 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">a.qtipTitle</span><span class="jsdoc-syntax">){
358 </span><span class="jsdoc-var">this.textNode.setAttributeNS</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"ext"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">"qtitle"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a.qtipTitle</span><span class="jsdoc-syntax">);
360 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
361 </span><span class="jsdoc-var">this.textNode.setAttribute</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"ext:qtip"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a.qtip</span><span class="jsdoc-syntax">);
362 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">a.qtipTitle</span><span class="jsdoc-syntax">){
363 </span><span class="jsdoc-var">this.textNode.setAttribute</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"ext:qtitle"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a.qtipTitle</span><span class="jsdoc-syntax">);
366 }</span><span class="jsdoc-keyword">else if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">a.qtipCfg</span><span class="jsdoc-syntax">){
367 </span><span class="jsdoc-var">a.qtipCfg.target </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.id</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.textNode</span><span class="jsdoc-syntax">);
368 </span><span class="jsdoc-var">Roo.QuickTips.register</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">a.qtipCfg</span><span class="jsdoc-syntax">);
370 </span><span class="jsdoc-var">this.initEvents</span><span class="jsdoc-syntax">();
371 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.node.expanded</span><span class="jsdoc-syntax">){
372 </span><span class="jsdoc-var">this.updateExpandIcon</span><span class="jsdoc-syntax">();
374 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
375 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bulkRender </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">) {
376 </span><span class="jsdoc-var">targetNode.appendChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.wrap</span><span class="jsdoc-syntax">);
381 </span><span class="jsdoc-var">renderElements </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">n</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">targetNode</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bulkRender</span><span class="jsdoc-syntax">)
383 </span><span class="jsdoc-comment">// add some indent caching, this helps performance when rendering a large tree
384 </span><span class="jsdoc-var">this.indentMarkup </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">n.parentNode </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">n.parentNode.ui.getChildIndent</span><span class="jsdoc-syntax">() : </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">;
385 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">n.getOwnerTree</span><span class="jsdoc-syntax">();
386 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">txt </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">t.renderer </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">t.renderer</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">n.attributes</span><span class="jsdoc-syntax">) : </span><span class="jsdoc-var">Roo.util.Format.htmlEncode</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">n.text</span><span class="jsdoc-syntax">);
387 </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">n.attributes.html</span><span class="jsdoc-syntax">) != </span><span class="jsdoc-string">'undefined'</span><span class="jsdoc-syntax">) {
388 </span><span class="jsdoc-var">txt </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">n.attributes.html</span><span class="jsdoc-syntax">;
390 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">tip </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">t.rendererTip </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">t.rendererTip</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">n.attributes</span><span class="jsdoc-syntax">) : </span><span class="jsdoc-var">txt</span><span class="jsdoc-syntax">;
391 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">a.checked </span><span class="jsdoc-syntax">== </span><span class="jsdoc-string">'boolean'</span><span class="jsdoc-syntax">;
392 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">href </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">a.href </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">a.href </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Roo.isGecko </span><span class="jsdoc-syntax">? </span><span class="jsdoc-string">"" </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">"#"</span><span class="jsdoc-syntax">;
393 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">buf </span><span class="jsdoc-syntax">= [</span><span class="jsdoc-string">'<li class="x-tree-node"><div class="x-tree-node-el '</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a.cls</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'">'</span><span class="jsdoc-syntax">,
394 </span><span class="jsdoc-string">'<span class="x-tree-node-indent">'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">this.indentMarkup</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">"</span>"</span><span class="jsdoc-syntax">,
395 </span><span class="jsdoc-string">'<img src="'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.emptyIcon</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'" class="x-tree-ec-icon" />'</span><span class="jsdoc-syntax">,
396 </span><span class="jsdoc-string">'<img src="'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a.icon </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">this.emptyIcon</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'" class="x-tree-node-icon'</span><span class="jsdoc-syntax">,(</span><span class="jsdoc-var">a.icon </span><span class="jsdoc-syntax">? </span><span class="jsdoc-string">" x-tree-node-inline-icon" </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">),(</span><span class="jsdoc-var">a.iconCls </span><span class="jsdoc-syntax">? </span><span class="jsdoc-string">" "</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">a.iconCls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">),</span><span class="jsdoc-string">'" unselectable="on" />'</span><span class="jsdoc-syntax">,
397 </span><span class="jsdoc-var">cb </span><span class="jsdoc-syntax">? (</span><span class="jsdoc-string">'<input class="x-tree-node-cb" type="checkbox" ' </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">a.checked </span><span class="jsdoc-syntax">? </span><span class="jsdoc-string">'checked="checked" />' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">' />'</span><span class="jsdoc-syntax">)) : </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
398 </span><span class="jsdoc-string">'<a hidefocus="on" href="'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">href</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'" tabIndex="1" '</span><span class="jsdoc-syntax">,
399 </span><span class="jsdoc-var">a.hrefTarget </span><span class="jsdoc-syntax">? </span><span class="jsdoc-string">' target="'</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">a.hrefTarget</span><span class="jsdoc-syntax">+</span><span class="jsdoc-string">'"' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">,
400 </span><span class="jsdoc-string">'><span unselectable="on" qtip="' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tip </span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'">'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">txt</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">"</span></a></div>"</span><span class="jsdoc-syntax">,
401 </span><span class="jsdoc-string">'<ul class="x-tree-node-ct" style="display:none;"></ul>'</span><span class="jsdoc-syntax">,
402 </span><span class="jsdoc-string">"</li>"</span><span class="jsdoc-syntax">];
404 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bulkRender </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-keyword">true </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">n.nextSibling </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">n.nextSibling.ui.getEl</span><span class="jsdoc-syntax">()){
405 </span><span class="jsdoc-var">this.wrap </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.DomHelper.insertHtml</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"beforeBegin"</span><span class="jsdoc-syntax">,
406 </span><span class="jsdoc-var">n.nextSibling.ui.getEl</span><span class="jsdoc-syntax">(), </span><span class="jsdoc-var">buf.join</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">));
407 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
408 </span><span class="jsdoc-var">this.wrap </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.DomHelper.insertHtml</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"beforeEnd"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">targetNode</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">buf.join</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">));
411 </span><span class="jsdoc-var">this.elNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.wrap.childNodes</span><span class="jsdoc-syntax">[0];
412 </span><span class="jsdoc-var">this.ctNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.wrap.childNodes</span><span class="jsdoc-syntax">[1];
413 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cs </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.elNode.childNodes</span><span class="jsdoc-syntax">;
414 </span><span class="jsdoc-var">this.indentNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cs</span><span class="jsdoc-syntax">[0];
415 </span><span class="jsdoc-var">this.ecNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cs</span><span class="jsdoc-syntax">[1];
416 </span><span class="jsdoc-var">this.iconNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cs</span><span class="jsdoc-syntax">[2];
417 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">index </span><span class="jsdoc-syntax">= 3;
418 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cb</span><span class="jsdoc-syntax">){
419 </span><span class="jsdoc-var">this.checkbox </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cs</span><span class="jsdoc-syntax">[3];
420 </span><span class="jsdoc-var">index</span><span class="jsdoc-syntax">++;
422 </span><span class="jsdoc-var">this.anchor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cs</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">index</span><span class="jsdoc-syntax">];
423 </span><span class="jsdoc-var">this.textNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">cs</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">index</span><span class="jsdoc-syntax">]</span><span class="jsdoc-var">.firstChild</span><span class="jsdoc-syntax">;
426 </span><span class="jsdoc-var">getAnchor </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
427 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.anchor</span><span class="jsdoc-syntax">;
430 </span><span class="jsdoc-var">getTextEl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
431 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.textNode</span><span class="jsdoc-syntax">;
434 </span><span class="jsdoc-var">getIconEl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
435 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.iconNode</span><span class="jsdoc-syntax">;
438 </span><span class="jsdoc-var">isChecked </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
439 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.checkbox </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">this.checkbox.checked </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
442 </span><span class="jsdoc-var">updateExpandIcon </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
443 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
444 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">n </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">c1</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">c2</span><span class="jsdoc-syntax">;
445 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">n.isLast</span><span class="jsdoc-syntax">() ? </span><span class="jsdoc-string">"x-tree-elbow-end" </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">"x-tree-elbow"</span><span class="jsdoc-syntax">;
446 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hasChild </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">n.hasChildNodes</span><span class="jsdoc-syntax">();
447 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hasChild</span><span class="jsdoc-syntax">){
448 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">n.expanded</span><span class="jsdoc-syntax">){
449 </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">"-minus"</span><span class="jsdoc-syntax">;
450 </span><span class="jsdoc-var">c1 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">"x-tree-node-collapsed"</span><span class="jsdoc-syntax">;
451 </span><span class="jsdoc-var">c2 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">"x-tree-node-expanded"</span><span class="jsdoc-syntax">;
452 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
453 </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">"-plus"</span><span class="jsdoc-syntax">;
454 </span><span class="jsdoc-var">c1 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">"x-tree-node-expanded"</span><span class="jsdoc-syntax">;
455 </span><span class="jsdoc-var">c2 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">"x-tree-node-collapsed"</span><span class="jsdoc-syntax">;
457 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.wasLeaf</span><span class="jsdoc-syntax">){
458 </span><span class="jsdoc-var">this.removeClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-node-leaf"</span><span class="jsdoc-syntax">);
459 </span><span class="jsdoc-var">this.wasLeaf </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
461 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.c1 </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-var">c1 </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">this.c2 </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-var">c2</span><span class="jsdoc-syntax">){
462 </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.elNode</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.replaceClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">c1</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">c2</span><span class="jsdoc-syntax">);
463 </span><span class="jsdoc-var">this.c1 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">c1</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">this.c2 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">c2</span><span class="jsdoc-syntax">;
465 }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
466 </span><span class="jsdoc-comment">// this changes non-leafs into leafs if they have no children.
467 // it's not very rational behaviour..
469 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.wasLeaf </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">this.node.leaf</span><span class="jsdoc-syntax">){
470 </span><span class="jsdoc-var">Roo.fly</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.elNode</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.replaceClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">"x-tree-node-expanded"</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">"x-tree-node-leaf"</span><span class="jsdoc-syntax">);
471 </span><span class="jsdoc-keyword">delete </span><span class="jsdoc-var">this.c1</span><span class="jsdoc-syntax">;
472 </span><span class="jsdoc-keyword">delete </span><span class="jsdoc-var">this.c2</span><span class="jsdoc-syntax">;
473 </span><span class="jsdoc-var">this.wasLeaf </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
476 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ecc </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">"x-tree-ec-icon "</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">;
477 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.ecc </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-var">ecc</span><span class="jsdoc-syntax">){
478 </span><span class="jsdoc-var">this.ecNode.className </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ecc</span><span class="jsdoc-syntax">;
479 </span><span class="jsdoc-var">this.ecc </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ecc</span><span class="jsdoc-syntax">;
484 </span><span class="jsdoc-var">getChildIndent </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
485 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.childIndent</span><span class="jsdoc-syntax">){
486 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">buf </span><span class="jsdoc-syntax">= [];
487 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.node</span><span class="jsdoc-syntax">;
488 </span><span class="jsdoc-keyword">while</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">){
489 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">p.isRoot </span><span class="jsdoc-syntax">|| (</span><span class="jsdoc-var">p.isRoot </span><span class="jsdoc-syntax">&& </span><span class="jsdoc-var">p.ownerTree.rootVisible</span><span class="jsdoc-syntax">)){
490 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">p.isLast</span><span class="jsdoc-syntax">()) {
491 </span><span class="jsdoc-var">buf.unshift</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'<img src="'</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">this.emptyIcon</span><span class="jsdoc-syntax">+</span><span class="jsdoc-string">'" class="x-tree-elbow-line" />'</span><span class="jsdoc-syntax">);
492 } </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
493 </span><span class="jsdoc-var">buf.unshift</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'<img src="'</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">this.emptyIcon</span><span class="jsdoc-syntax">+</span><span class="jsdoc-string">'" class="x-tree-icon" />'</span><span class="jsdoc-syntax">);
496 </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p.parentNode</span><span class="jsdoc-syntax">;
498 </span><span class="jsdoc-var">this.childIndent </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">buf.join</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">);
500 </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.childIndent</span><span class="jsdoc-syntax">;
503 </span><span class="jsdoc-var">renderIndent </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
504 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
505 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">indent </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">""</span><span class="jsdoc-syntax">;
506 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.node.parentNode</span><span class="jsdoc-syntax">;
507 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">){
508 </span><span class="jsdoc-var">indent </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p.ui.getChildIndent</span><span class="jsdoc-syntax">();
510 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.indentMarkup </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-var">indent</span><span class="jsdoc-syntax">){ </span><span class="jsdoc-comment">// don't rerender if not required
511 </span><span class="jsdoc-var">this.indentNode.innerHTML </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">indent</span><span class="jsdoc-syntax">;
512 </span><span class="jsdoc-var">this.indentMarkup </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">indent</span><span class="jsdoc-syntax">;
514 </span><span class="jsdoc-var">this.updateExpandIcon</span><span class="jsdoc-syntax">();
519 </span><span class="jsdoc-var">Roo.tree.RootTreeNodeUI </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
520 </span><span class="jsdoc-var">Roo.tree.RootTreeNodeUI.superclass.constructor.apply</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">arguments</span><span class="jsdoc-syntax">);
522 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.tree.RootTreeNodeUI</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.tree.TreeNodeUI</span><span class="jsdoc-syntax">, {
523 </span><span class="jsdoc-var">render </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
524 </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.rendered</span><span class="jsdoc-syntax">){
525 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">targetNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.node.ownerTree.innerCt.dom</span><span class="jsdoc-syntax">;
526 </span><span class="jsdoc-var">this.node.expanded </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
527 </span><span class="jsdoc-var">targetNode.innerHTML </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">'<div class="x-tree-root-node"></div>'</span><span class="jsdoc-syntax">;
528 </span><span class="jsdoc-var">this.wrap </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.ctNode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">targetNode.firstChild</span><span class="jsdoc-syntax">;
531 </span><span class="jsdoc-var">collapse </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
533 </span><span class="jsdoc-var">expand </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
535 });</span></code></body></html>