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

   1 <html><head><title>Roo/layout/South.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-var">Roo.layout.South </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">){
   2     </span><span class="jsdoc-var">Roo.layout.SplitRegion.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">);
   3     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
   4         </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">;
   5         </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">;
   6         </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">);
   7     }
   8     </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">;
   9     </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">){
  10         </span><span class="jsdoc-var">this.el.setHeight</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">size</span><span class="jsdoc-syntax">);
  11     }
  12 };
  13 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.layout.South</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.layout.SplitRegion</span><span class="jsdoc-syntax">, {
  14     </span><span class="jsdoc-var">orientation</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Roo.SplitBar.VERTICAL</span><span class="jsdoc-syntax">,
  15     </span><span class="jsdoc-var">getBox </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  16         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
  17             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.collapsedEl.getBox</span><span class="jsdoc-syntax">();
  18         }
  19         </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">();
  20         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.split</span><span class="jsdoc-syntax">){
  21             </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">();
  22             </span><span class="jsdoc-var">box.height </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
  23             </span><span class="jsdoc-var">box.y </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
  24         }
  25         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">box</span><span class="jsdoc-syntax">;
  26     },
  27
  28     </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">){
  29         </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">){
  30             </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">();
  31             </span><span class="jsdoc-var">box.height </span><span class="jsdoc-syntax">-= </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
  32             </span><span class="jsdoc-var">box.y </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-var">sh</span><span class="jsdoc-syntax">;
  33             </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">);
  34             </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">);
  35             </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">);
  36         }
  37         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.collapsed</span><span class="jsdoc-syntax">){
  38             </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">);
  39         }
  40         </span><span class="jsdoc-var">Roo.layout.Region.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">);
  41     }
  42 });</span></code></body></html>