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

   1 <html><head><title>Roo/CenterLayoutRegion.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">/*
   2  * Based on:
   3  * Ext JS Library 1.1.1
   4  * Copyright(c) 2006-2007, Ext JS, LLC.
   5  *
   6  * Originally Released Under LGPL - original licence link has changed is not relivant.
   7  *
   8  * Fork - LGPL
   9  * &lt;script type=&quot;text/javascript&quot;&gt;
  10  */
  11 /*
  12  * These classes are private internal classes
  13  */
  14 </span><span class="jsdoc-var">Roo.CenterLayoutRegion </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  15     </span><span class="jsdoc-var">Roo.LayoutRegion.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;center&quot;</span><span class="jsdoc-syntax">);
  16     </span><span class="jsdoc-var">this.visible </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">;
  17     </span><span class="jsdoc-var">this.minWidth </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.minWidth </span><span class="jsdoc-syntax">|| 20;
  18     </span><span class="jsdoc-var">this.minHeight </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.minHeight </span><span class="jsdoc-syntax">|| 20;
  19 };
  20
  21 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.CenterLayoutRegion</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.LayoutRegion</span><span class="jsdoc-syntax">, {
  22     </span><span class="jsdoc-var">hide </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  23         </span><span class="jsdoc-comment">// center panel can't be hidden
  24     </span><span class="jsdoc-syntax">},
  25
  26     </span><span class="jsdoc-var">show </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  27         </span><span class="jsdoc-comment">// center panel can't be hidden
  28     </span><span class="jsdoc-syntax">},
  29
  30     </span><span class="jsdoc-var">getMinWidth</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  31         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.minWidth</span><span class="jsdoc-syntax">;
  32     },
  33
  34     </span><span class="jsdoc-var">getMinHeight</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  35         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.minHeight</span><span class="jsdoc-syntax">;
  36     }
  37 });
  38
  39
  40 </span><span class="jsdoc-var">Roo.NorthLayoutRegion </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  41     </span><span class="jsdoc-var">Roo.LayoutRegion.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;north&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;n-resize&quot;</span><span class="jsdoc-syntax">);
  42     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
  43         </span><span class="jsdoc-var">this.split.placement </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.SplitBar.TOP</span><span class="jsdoc-syntax">;
  44         </span><span class="jsdoc-var">this.split.orientation </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.SplitBar.VERTICAL</span><span class="jsdoc-syntax">;
  45         </span><span class="jsdoc-var">this.split.el.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;x-layout-split-v&quot;</span><span class="jsdoc-syntax">);
  46     }
  47     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.initialSize </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">config.height</span><span class="jsdoc-syntax">;
  48     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;undefined&quot;</span><span class="jsdoc-syntax">){
  49         </span><span class="jsdoc-var">this.el.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size</span><span class="jsdoc-syntax">);
  50     }
  51 };
  52 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.NorthLayoutRegion</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.SplitLayoutRegion</span><span class="jsdoc-syntax">, {
  53     </span><span class="jsdoc-var">orientation</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Roo.SplitBar.VERTICAL</span><span class="jsdoc-syntax">,
  54     </span><span class="jsdoc-var">getBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  55         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
  56             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.collapsedEl.getBox</span><span class="jsdoc-syntax">();
  57         }
  58         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">box </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.el.getBox</span><span class="jsdoc-syntax">();
  59         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
  60             </span><span class="jsdoc-var">box.height </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-var">this.split.el.getHeight</span><span class="jsdoc-syntax">();
  61         }
  62         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">;
  63     },
  64
  65     </span><span class="jsdoc-var">updateBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">){
  66         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split </span><span class="jsdoc-syntax">&amp;&amp; !</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
  67             </span><span class="jsdoc-var">box.height </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">this.split.el.getHeight</span><span class="jsdoc-syntax">();
  68             </span><span class="jsdoc-var">this.split.el.setLeft</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.x</span><span class="jsdoc-syntax">);
  69             </span><span class="jsdoc-var">this.split.el.setTop</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.y</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">box.height</span><span class="jsdoc-syntax">);
  70             </span><span class="jsdoc-var">this.split.el.setWidth</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.width</span><span class="jsdoc-syntax">);
  71         }
  72         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
  73             </span><span class="jsdoc-var">this.updateBody</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.width</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">);
  74         }
  75         </span><span class="jsdoc-var">Roo.LayoutRegion.prototype.updateBox.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">);
  76     }
  77 });
  78
  79 </span><span class="jsdoc-var">Roo.SouthLayoutRegion </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  80     </span><span class="jsdoc-var">Roo.SplitLayoutRegion.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;south&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;s-resize&quot;</span><span class="jsdoc-syntax">);
  81     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
  82         </span><span class="jsdoc-var">this.split.placement </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.SplitBar.BOTTOM</span><span class="jsdoc-syntax">;
  83         </span><span class="jsdoc-var">this.split.orientation </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.SplitBar.VERTICAL</span><span class="jsdoc-syntax">;
  84         </span><span class="jsdoc-var">this.split.el.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;x-layout-split-v&quot;</span><span class="jsdoc-syntax">);
  85     }
  86     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.initialSize </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">config.height</span><span class="jsdoc-syntax">;
  87     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;undefined&quot;</span><span class="jsdoc-syntax">){
  88         </span><span class="jsdoc-var">this.el.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size</span><span class="jsdoc-syntax">);
  89     }
  90 };
  91 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.SouthLayoutRegion</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.SplitLayoutRegion</span><span class="jsdoc-syntax">, {
  92     </span><span class="jsdoc-var">orientation</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Roo.SplitBar.VERTICAL</span><span class="jsdoc-syntax">,
  93     </span><span class="jsdoc-var">getBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  94         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
  95             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.collapsedEl.getBox</span><span class="jsdoc-syntax">();
  96         }
  97         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">box </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.el.getBox</span><span class="jsdoc-syntax">();
  98         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
  99             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sh </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.split.el.getHeight</span><span class="jsdoc-syntax">();
 100             </span><span class="jsdoc-var">box.height </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
 101             </span><span class="jsdoc-var">box.y </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
 102         }
 103         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">;
 104     },
 105
 106     </span><span class="jsdoc-var">updateBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">){
 107         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split </span><span class="jsdoc-syntax">&amp;&amp; !</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
 108             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sh </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.split.el.getHeight</span><span class="jsdoc-syntax">();
 109             </span><span class="jsdoc-var">box.height </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
 110             </span><span class="jsdoc-var">box.y </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
 111             </span><span class="jsdoc-var">this.split.el.setLeft</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.x</span><span class="jsdoc-syntax">);
 112             </span><span class="jsdoc-var">this.split.el.setTop</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.y</span><span class="jsdoc-syntax">-</span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">);
 113             </span><span class="jsdoc-var">this.split.el.setWidth</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.width</span><span class="jsdoc-syntax">);
 114         }
 115         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
 116             </span><span class="jsdoc-var">this.updateBody</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.width</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">);
 117         }
 118         </span><span class="jsdoc-var">Roo.LayoutRegion.prototype.updateBox.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">);
 119     }
 120 });
 121
 122 </span><span class="jsdoc-var">Roo.EastLayoutRegion </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
 123     </span><span class="jsdoc-var">Roo.SplitLayoutRegion.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;east&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;e-resize&quot;</span><span class="jsdoc-syntax">);
 124     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
 125         </span><span class="jsdoc-var">this.split.placement </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.SplitBar.RIGHT</span><span class="jsdoc-syntax">;
 126         </span><span class="jsdoc-var">this.split.orientation </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.SplitBar.HORIZONTAL</span><span class="jsdoc-syntax">;
 127         </span><span class="jsdoc-var">this.split.el.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;x-layout-split-h&quot;</span><span class="jsdoc-syntax">);
 128     }
 129     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.initialSize </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">config.width</span><span class="jsdoc-syntax">;
 130     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;undefined&quot;</span><span class="jsdoc-syntax">){
 131         </span><span class="jsdoc-var">this.el.setWidth</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size</span><span class="jsdoc-syntax">);
 132     }
 133 };
 134 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.EastLayoutRegion</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.SplitLayoutRegion</span><span class="jsdoc-syntax">, {
 135     </span><span class="jsdoc-var">orientation</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Roo.SplitBar.HORIZONTAL</span><span class="jsdoc-syntax">,
 136     </span><span class="jsdoc-var">getBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 137         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
 138             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.collapsedEl.getBox</span><span class="jsdoc-syntax">();
 139         }
 140         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">box </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.el.getBox</span><span class="jsdoc-syntax">();
 141         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
 142             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sw </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.split.el.getWidth</span><span class="jsdoc-syntax">();
 143             </span><span class="jsdoc-var">box.width </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-var">sw</span><span class="jsdoc-syntax">;
 144             </span><span class="jsdoc-var">box.x </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">sw</span><span class="jsdoc-syntax">;
 145         }
 146         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">;
 147     },
 148
 149     </span><span class="jsdoc-var">updateBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">){
 150         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split </span><span class="jsdoc-syntax">&amp;&amp; !</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
 151             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sw </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.split.el.getWidth</span><span class="jsdoc-syntax">();
 152             </span><span class="jsdoc-var">box.width </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">sw</span><span class="jsdoc-syntax">;
 153             </span><span class="jsdoc-var">this.split.el.setLeft</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.x</span><span class="jsdoc-syntax">);
 154             </span><span class="jsdoc-var">this.split.el.setTop</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.y</span><span class="jsdoc-syntax">);
 155             </span><span class="jsdoc-var">this.split.el.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.height</span><span class="jsdoc-syntax">);
 156             </span><span class="jsdoc-var">box.x </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-var">sw</span><span class="jsdoc-syntax">;
 157         }
 158         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
 159             </span><span class="jsdoc-var">this.updateBody</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">box.height</span><span class="jsdoc-syntax">);
 160         }
 161         </span><span class="jsdoc-var">Roo.LayoutRegion.prototype.updateBox.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">);
 162     }
 163 });
 164
 165 </span><span class="jsdoc-var">Roo.WestLayoutRegion </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
 166     </span><span class="jsdoc-var">Roo.SplitLayoutRegion.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mgr</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;west&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot;w-resize&quot;</span><span class="jsdoc-syntax">);
 167     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
 168         </span><span class="jsdoc-var">this.split.placement </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.SplitBar.LEFT</span><span class="jsdoc-syntax">;
 169         </span><span class="jsdoc-var">this.split.orientation </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.SplitBar.HORIZONTAL</span><span class="jsdoc-syntax">;
 170         </span><span class="jsdoc-var">this.split.el.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;x-layout-split-h&quot;</span><span class="jsdoc-syntax">);
 171     }
 172     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.initialSize </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">config.width</span><span class="jsdoc-syntax">;
 173     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">size </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;undefined&quot;</span><span class="jsdoc-syntax">){
 174         </span><span class="jsdoc-var">this.el.setWidth</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size</span><span class="jsdoc-syntax">);
 175     }
 176 };
 177 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.WestLayoutRegion</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.SplitLayoutRegion</span><span class="jsdoc-syntax">, {
 178     </span><span class="jsdoc-var">orientation</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Roo.SplitBar.HORIZONTAL</span><span class="jsdoc-syntax">,
 179     </span><span class="jsdoc-var">getBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 180         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
 181             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.collapsedEl.getBox</span><span class="jsdoc-syntax">();
 182         }
 183         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">box </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.el.getBox</span><span class="jsdoc-syntax">();
 184         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
 185             </span><span class="jsdoc-var">box.width </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-var">this.split.el.getWidth</span><span class="jsdoc-syntax">();
 186         }
 187         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">;
 188     },
 189
 190     </span><span class="jsdoc-var">updateBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">){
 191         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split </span><span class="jsdoc-syntax">&amp;&amp; !</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
 192             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sw </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.split.el.getWidth</span><span class="jsdoc-syntax">();
 193             </span><span class="jsdoc-var">box.width </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">sw</span><span class="jsdoc-syntax">;
 194             </span><span class="jsdoc-var">this.split.el.setLeft</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.x</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">box.width</span><span class="jsdoc-syntax">);
 195             </span><span class="jsdoc-var">this.split.el.setTop</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.y</span><span class="jsdoc-syntax">);
 196             </span><span class="jsdoc-var">this.split.el.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">box.height</span><span class="jsdoc-syntax">);
 197         }
 198         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
 199             </span><span class="jsdoc-var">this.updateBody</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">box.height</span><span class="jsdoc-syntax">);
 200         }
 201         </span><span class="jsdoc-var">Roo.LayoutRegion.prototype.updateBox.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">);
 202     }
 203 });
 204 </span></code></body></html>