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

   1 <html><head><title>Roo/bootstrap/panel/Nest.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty">
   2 <span class="jsdoc-comment">/**
   3  * @class Roo.bootstrap.panel.Nest
   4  * @extends Roo.bootstrap.panel.Content
   5  * @constructor
   6  * Create a new Panel, that can contain a layout.Border.
   7  *
   8  *
   9  * @param {String/Object} config A string to set only the title or a config object
  10  */
  11 </span><span class="jsdoc-var">Roo.bootstrap.panel.Nest </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">)
  12 {
  13     </span><span class="jsdoc-comment">// construct with only one argument..
  14     /* FIXME - implement nicer consturctors
  15     if (layout.layout) {
  16         config = layout;
  17         layout = config.layout;
  18         delete config.layout;
  19     }
  20     if (layout.xtype &amp;&amp; !layout.getEl) {
  21         // then layout needs constructing..
  22         layout = Roo.factory(layout, Roo);
  23     }
  24     */
  25
  26     </span><span class="jsdoc-var">config.el </span><span class="jsdoc-syntax">=  </span><span class="jsdoc-var">config.layout.getEl</span><span class="jsdoc-syntax">();
  27
  28     </span><span class="jsdoc-var">Roo.bootstrap.panel.Nest.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
  29
  30     </span><span class="jsdoc-var">config.layout.monitorWindowResize </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">; </span><span class="jsdoc-comment">// turn off autosizing
  31     </span><span class="jsdoc-var">this.layout </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.layout</span><span class="jsdoc-syntax">;
  32     </span><span class="jsdoc-var">this.layout.getEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;roo-layout-nested-layout&quot;</span><span class="jsdoc-syntax">);
  33     </span><span class="jsdoc-var">this.layout.parent </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">;
  34
  35
  36
  37
  38 };
  39
  40 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.panel.Nest</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.panel.Content</span><span class="jsdoc-syntax">, {
  41     </span><span class="jsdoc-comment">/**
  42     * @cfg {Roo.BorderLayout} layout The layout for this panel
  43     */
  44     </span><span class="jsdoc-var">layout </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
  45
  46     </span><span class="jsdoc-var">setSize </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">height</span><span class="jsdoc-syntax">){
  47         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.ignoreResize</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">height</span><span class="jsdoc-syntax">)){
  48             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.adjustForComponents</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">height</span><span class="jsdoc-syntax">);
  49             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">el </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.layout.getEl</span><span class="jsdoc-syntax">();
  50             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size.height </span><span class="jsdoc-syntax">&lt; 1) {
  51                 </span><span class="jsdoc-var">el.setWidth</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size.width</span><span class="jsdoc-syntax">);
  52             } </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
  53                 </span><span class="jsdoc-var">el.setSize</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size.width</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">size.height</span><span class="jsdoc-syntax">);
  54             }
  55             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">touch </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">el.dom.offsetWidth</span><span class="jsdoc-syntax">;
  56             </span><span class="jsdoc-var">this.layout.layout</span><span class="jsdoc-syntax">();
  57             </span><span class="jsdoc-comment">// ie requires a double layout on the first pass
  58             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.isIE </span><span class="jsdoc-syntax">&amp;&amp; !</span><span class="jsdoc-var">this.initialized</span><span class="jsdoc-syntax">){
  59                 </span><span class="jsdoc-var">this.initialized </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
  60                 </span><span class="jsdoc-var">this.layout.layout</span><span class="jsdoc-syntax">();
  61             }
  62         }
  63     },
  64
  65     </span><span class="jsdoc-comment">// activate all subpanels if not currently active..
  66
  67     </span><span class="jsdoc-var">setActiveState </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">){
  68         </span><span class="jsdoc-var">this.active </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">;
  69         </span><span class="jsdoc-var">this.setActiveClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">);
  70
  71         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">){
  72             </span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;deactivate&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
  73             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  74         }
  75
  76         </span><span class="jsdoc-var">this.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;activate&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
  77         </span><span class="jsdoc-comment">// not sure if this should happen before or after..
  78         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.layout</span><span class="jsdoc-syntax">) {
  79             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">; </span><span class="jsdoc-comment">// should not happen..
  80         </span><span class="jsdoc-syntax">}
  81         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">reg </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
  82         </span><span class="jsdoc-keyword">for </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-keyword">in </span><span class="jsdoc-var">this.layout.regions</span><span class="jsdoc-syntax">) {
  83             </span><span class="jsdoc-var">reg </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.layout.getRegion</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">r</span><span class="jsdoc-syntax">);
  84             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">reg.getActivePanel</span><span class="jsdoc-syntax">()) {
  85                 </span><span class="jsdoc-comment">//reg.showPanel(reg.getActivePanel()); // force it to activate..
  86                 </span><span class="jsdoc-var">reg.setActivePanel</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">reg.getActivePanel</span><span class="jsdoc-syntax">());
  87                 </span><span class="jsdoc-keyword">continue</span><span class="jsdoc-syntax">;
  88             }
  89             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">reg.panels.length</span><span class="jsdoc-syntax">) {
  90                 </span><span class="jsdoc-keyword">continue</span><span class="jsdoc-syntax">;
  91             }
  92             </span><span class="jsdoc-var">reg.showPanel</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">reg.getPanel</span><span class="jsdoc-syntax">(0));
  93         }
  94
  95
  96
  97
  98     },
  99
 100     </span><span class="jsdoc-comment">/**
 101      * Returns the nested BorderLayout for this panel
 102      * @return {Roo.BorderLayout}
 103      */
 104     </span><span class="jsdoc-var">getLayout </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 105         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.layout</span><span class="jsdoc-syntax">;
 106     },
 107
 108      </span><span class="jsdoc-comment">/**
 109      * Adds a xtype elements to the layout of the nested panel
 110      * &lt;pre&gt;&lt;code&gt;
 111
 112 panel.addxtype({
 113        xtype : 'ContentPanel',
 114        region: 'west',
 115        items: [ .... ]
 116    }
 117 );
 118
 119 panel.addxtype({
 120         xtype : 'NestedLayoutPanel',
 121         region: 'west',
 122         layout: {
 123            center: { },
 124            west: { }
 125         },
 126         items : [ ... list of content panels or nested layout panels.. ]
 127    }
 128 );
 129 &lt;/code&gt;&lt;/pre&gt;
 130      * @param {Object} cfg Xtype definition of item to add.
 131      */
 132     </span><span class="jsdoc-var">addxtype </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">) {
 133         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.layout.addxtype</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">);
 134
 135     }
 136 });</span></code></body></html>