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

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