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

   1 <html><head><title>Roo/bootstrap/dash/TabPane.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  * - LGPL
   3  *
   4  * Tab pane
   5  *
   6  */
   7 </span><span class="jsdoc-var">Roo.bootstrap.dash </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.bootstrap.dash </span><span class="jsdoc-syntax">|| {};
   8 </span><span class="jsdoc-comment">/**
   9  * @class Roo.bootstrap.TabPane
  10  * @extends Roo.bootstrap.Component
  11  * @children  Roo.bootstrap.Graph Roo.bootstrap.Column
  12  * Bootstrap TabPane class
  13  * @cfg {Boolean} active (false | true) Default false
  14  * @cfg {String} title title of panel
  15
  16  *
  17  * @constructor
  18  * Create a new TabPane
  19  * @param {Object} config The config object
  20  */
  21
  22 </span><span class="jsdoc-var">Roo.bootstrap.dash.TabPane </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">){
  23     </span><span class="jsdoc-var">Roo.bootstrap.dash.TabPane.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">);
  24
  25     </span><span class="jsdoc-var">this.addEvents</span><span class="jsdoc-syntax">({
  26         </span><span class="jsdoc-comment">// raw events
  27         /**
  28          * @event activate
  29          * When a pane is activated
  30          * @param {Roo.bootstrap.dash.TabPane} pane
  31          */
  32         </span><span class="jsdoc-string">&quot;activate&quot; </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true
  33
  34     </span><span class="jsdoc-syntax">});
  35 };
  36
  37 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.dash.TabPane</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.Component</span><span class="jsdoc-syntax">,  {
  38
  39     </span><span class="jsdoc-var">active </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
  40     </span><span class="jsdoc-var">title </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">,
  41
  42     </span><span class="jsdoc-comment">// the tabBox that this is attached to.
  43     </span><span class="jsdoc-var">tab </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">,
  44
  45     </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  46     {
  47         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cfg </span><span class="jsdoc-syntax">= {
  48             </span><span class="jsdoc-var">tag</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">,
  49             </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'tab-pane'
  50         </span><span class="jsdoc-syntax">};
  51
  52         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.active</span><span class="jsdoc-syntax">){
  53             </span><span class="jsdoc-var">cfg.cls </span><span class="jsdoc-syntax">+= </span><span class="jsdoc-string">' active'</span><span class="jsdoc-syntax">;
  54         }
  55
  56         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">;
  57     },
  58     </span><span class="jsdoc-var">initEvents  </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  59     {
  60         </span><span class="jsdoc-comment">//Roo.log('trigger add pane handler');
  61         </span><span class="jsdoc-var">this.parent</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.fireEvent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'addpane'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">)
  62     },
  63
  64      </span><span class="jsdoc-comment">/**
  65      * Updates the tab title
  66      * @param {String} html to set the title to.
  67      */
  68     </span><span class="jsdoc-var">setTitle</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">str</span><span class="jsdoc-syntax">)
  69     {
  70         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">this.tab</span><span class="jsdoc-syntax">) {
  71             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  72         }
  73         </span><span class="jsdoc-var">this.title </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">str</span><span class="jsdoc-syntax">;
  74         </span><span class="jsdoc-var">this.tab.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'a'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.dom.innerHTML </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">str</span><span class="jsdoc-syntax">;
  75
  76     }
  77
  78
  79
  80 });
  81
  82
  83
  84
  85  </span></code></body></html>