git.roojs.org Git - roojs1/blob - docs/src/Roo_TreePanel.js.html

   1 <html><head><title>Roo/TreePanel.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty">
   2
   3
   4 <span class="jsdoc-comment">/**
   5  * @class Roo.TreePanel
   6  * @extends Roo.ContentPanel
   7  * @parent Roo.BorderLayout Roo.LayoutDialog builder
   8  * Treepanel component
   9  *
  10  * @constructor
  11  * Create a new TreePanel. - defaults to fit/scoll contents.
  12  * @param {String/Object} config A string to set only the panel's title, or a config object
  13  */
  14 </span><span class="jsdoc-var">Roo.TreePanel </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  15     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.el</span><span class="jsdoc-syntax">;
  16     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">tree </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.tree</span><span class="jsdoc-syntax">;
  17     </span><span class="jsdoc-keyword">delete </span><span class="jsdoc-var">config.tree</span><span class="jsdoc-syntax">;
  18     </span><span class="jsdoc-keyword">delete </span><span class="jsdoc-var">config.el</span><span class="jsdoc-syntax">; </span><span class="jsdoc-comment">// hopefull!
  19
  20     // wrapper for IE7 strict &amp; safari scroll issue
  21
  22     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">treeEl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el.createChild</span><span class="jsdoc-syntax">();
  23     </span><span class="jsdoc-var">config.resizeEl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">treeEl</span><span class="jsdoc-syntax">;
  24
  25
  26
  27     </span><span class="jsdoc-var">Roo.TreePanel.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
  28
  29
  30     </span><span class="jsdoc-var">this.tree </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.tree.TreePanel</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">treeEl </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tree</span><span class="jsdoc-syntax">);
  31     </span><span class="jsdoc-comment">//console.log(tree);
  32     </span><span class="jsdoc-var">this.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'activate'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  33     {
  34         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.tree.rendered</span><span class="jsdoc-syntax">) {
  35             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  36         }
  37         </span><span class="jsdoc-comment">//console.log('render tree');
  38         </span><span class="jsdoc-var">this.tree.render</span><span class="jsdoc-syntax">();
  39     });
  40     </span><span class="jsdoc-comment">// this should not be needed.. - it's actually the 'el' that resizes?
  41     // actuall it breaks the containerScroll - dragging nodes auto scroll at top
  42
  43     //this.on('resize',  function (cp, w, h) {
  44     //        this.tree.innerCt.setWidth(w);
  45     //        this.tree.innerCt.setHeight(h);
  46     //        //this.tree.innerCt.setStyle('overflow-y', 'auto');
  47     //});
  48
  49
  50
  51 </span><span class="jsdoc-syntax">};
  52
  53 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.TreePanel</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.ContentPanel</span><span class="jsdoc-syntax">, {
  54     </span><span class="jsdoc-var">fitToFrame </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
  55     </span><span class="jsdoc-var">autoScroll </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
  56     </span><span class="jsdoc-comment">/*
  57      * @cfg {Roo.tree.TreePanel} tree [required] The tree TreePanel, with config etc.
  58      */
  59     </span><span class="jsdoc-var">tree </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false
  60
  61 </span><span class="jsdoc-syntax">});
  62 </span></code></body></html>