git.roojs.org Git - roojs1/blob - docs/symbols/Roo.TabPanel.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   5
   6         <head>
   7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
   8                 <meta name="generator" content="JsDoc Toolkit" />
   9
  10
  11                 <title>JsDoc Reference - Roo.TabPanel</title>
  12
  13
  14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
  15         <link rel="stylesheet" type="text/css" href="../default.css" />
  16
  17
  18         <script type="text/javascript" src="../page.js">
  19
  20         </script>
  21
  22
  23         </head>
  24
  25         <body onload="RooDocsPage.onload();">
  26
  27
  28 <div class="body-wrap">
  29
  30     <!-- ============================== links to methods. ================================= -->
  31
  32     <div class="top-tools">
  33     <!--
  34         <a class="inner-link" href="#Roo.TabPanel-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.TabPanel-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.TabPanel-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.TabPanel-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
  38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
  39         -->
  40     </div>
  41
  42
  43 <!-- ============================== inheritance Block. ================================= -->
  44
  45                 <div class="inheritance res-block">
  46                    <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  47 <img src="../../images/default/s.gif" height="1"  width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.TabPanel
  48
  49                    </pre>
  50                 </div>
  51
  52 <!-- ============================== class title / details ============================ -->
  53
  54
  55     <h1 class="classTitle">
  56
  57                                 Class Roo.TabPanel
  58                         </h1>
  59
  60     <table cellspacing="0" class="class-summary-table">
  61
  62                 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
  63
  64         <tr><td class="label">Defined In:</td><td class="hd-info">
  65
  66                                         <a href="./src/Roo_TabPanel.js.html">Roo/TabPanel.js</a>.
  67
  68         </td></tr>
  69         <tr><td class="label">Class:</td><td class="hd-info">TabPanel</td></tr>
  70
  71
  72
  73
  74                 <tr><td class="label">Extends:</td><td class="hd-info">
  75                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  76
  77                 </td></tr>
  78
  79
  80     </table>
  81
  82
  83 <!-- ============================== class summary ========================== -->
  84     <div class="description">
  85         A lightweight tab container.<br/><br><br><br/>Usage:<br/><pre><code><br/>// basic tabs 1, built from existing content<br/>var tabs = new Roo.TabPanel("tabs1");<br/>tabs.addTab("script", "View Script");<br/>tabs.addTab("markup", "View Markup");<br/>tabs.activate("script");<br/><br/>// more advanced tabs, built from javascript<br/>var jtabs = new Roo.TabPanel("jtabs");<br/>jtabs.addTab("jtabs-1", "Normal Tab", "My content was added during construction.");<br/><br/>// set up the UpdateManager<br/>var tab2 = jtabs.addTab("jtabs-2", "Ajax Tab 1");<br/>var updater = tab2.getUpdateManager();<br/>updater.setDefaultUrl("ajax1.htm");<br/>tab2.on('activate', updater.refresh, updater, true);<br/><br/>// Use setUrl for Ajax loading<br/>var tab3 = jtabs.addTab("jtabs-3", "Ajax Tab 2");<br/>tab3.setUrl("ajax2.htm", null, true);<br/><br/>// Disabled tab<br/>var tab4 = jtabs.addTab("tabs1-5", "Disabled Tab", "Can't see me cause I'm disabled");<br/>tab4.disable();<br/><br/>jtabs.activate("jtabs-1");<br/></code></pre>
  86     </div>
  87
  88
  89 <!-- ============================== Class comment block... ========================== -->
  90
  91 <div class="comments">
  92         <b>Class Comments / Notes</B> =>
  93         <u onclick="parent.CommentDialog.showCommentId = 'Roo.TabPanel';">[Add Your comment/notes about this class]</u>
  94         <br/>
  95         <iframe frameborder="0"  id="comments-Roo" style="border: none;width:100%;"
  96                 src="/blog.php/GtkDjsComments/Roo.TabPanel.html"></iframe>
  97 </div>
  98
  99
 100
 101 <!-- ============================== config options ========================== -->
 102
 103
 104
 105
 106     <div class="hr"></div>
 107     <a id="Roo.TabPanel-configs"></a>
 108
 109
 110
 111
 112
 113       <table cellspacing="0" class="member-table">
 114       <caption>Config Options (Usually are also Properties)</caption>
 115
 116
 117         <tr>
 118             <th class="sig-header" colspan="2">Options</th>
 119
 120             <th class="msource-header">Defined By</th>
 121         </tr>
 122
 123
 124
 125
 126
 127                 <tr class="config-row expandable config-row-alt0">
 128                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 129                     <td class="sig">
 130
 131                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 132                         <div class="fixedFont">
 133                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 134
 135
 136                         </div>
 137
 138                         <div class="mdesc">
 139                             <div class="short">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           .</div>
 140                         </div>
 141
 142                         <div class="mdesc">
 143                             <div class="long">
 144                     list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           ..... <br/>        } ,<br/>        .... <br/>    } <br/>  </code></pre>
 145
 146                 </div>
 147                         </div>
 148
 149
 150
 151                     </td>
 152                     <td class="msource">
 153
 154                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 155
 156                     </td>
 157                 </tr>
 158
 159
 160     </table>
 161
 162
 163
 164
 165
 166
 167
 168
 169
 170   <!-- ============================== public properties ==================== -->
 171
 172
 173
 174     <a id="Roo.TabPanel-props"></a>
 175
 176
 177
 178
 179
 180      <table cellspacing="0" class="member-table">
 181       <caption class="Empty">Public Properties - Has None</caption>
 182      </table>
 183
 184
 185
 186
 187   <!-- ============================== methods summary / details ======================== -->
 188
 189
 190   <a id="Roo.TabPanel-methods"></a>
 191         <!-- constructor?? -->
 192
 193         <!-- static's first
 194
 195
 196         -->
 197
 198         <!-- then dynamics first -->
 199
 200
 201
 202
 203
 204
 205       <table cellspacing="0" class="member-table">
 206       <caption>Public Methods</caption>
 207         <tr>
 208             <th class="sig-header" colspan="2">Method</th>
 209             <th class="msource-header">Defined By</th>
 210
 211         </tr>
 212
 213
 214
 215
 216
 217
 218
 219           <tr class="method-row config-row-alt0 expandable notInherited">
 220             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 221
 222
 223             <td class="sig">
 224                 <a id="Roo-method-TabPanel"   name=".TabPanel"></a>
 225                 <div class="fixedFont">
 226                         <span class="attributes">new <B>Roo.</B></span><b class="itemname">TabPanel</b>
 227
 228                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>container</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Boolean <B><i>config</i></B>)
 229
 230
 231
 232                 </div>
 233                 <div class="mdesc">
 234
 235
 236                         <div class="short">Create a new Roo.TabPanel</div>
 237
 238
 239                     <div class="long">
 240
 241
 242
 243                                 Create a new Roo.TabPanel
 244
 245
 246                                 <dl class="detailList">
 247                                 <dt class="heading">Parameters:</dt>
 248
 249                                         <dt>
 250                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>container</b>
 251
 252                                         </dt>
 253                                         <dd>The id, DOM element or Roo.Element container where this TabPanel is to be rendered.</dd>
 254
 255                                         <dt>
 256                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Boolean</span>  <b>config</b>
 257
 258                                         </dt>
 259                                         <dd>Config object to set any properties for this TabPanel, or true to render the tabs on the bottom.</dd>
 260
 261                                 </dl>
 262
 263
 264
 265
 266
 267
 268
 269
 270
 271
 272
 273                     </div>
 274                 </div>
 275
 276             </td>
 277             <td class="msource">
 278                 &nbsp;
 279             </td>
 280         </tr>
 281
 282
 283           <tr class="method-row config-row-alt1 expandable notInherited">
 284             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 285
 286
 287             <td class="sig">
 288                 <a id="Roo.TabPanel-method-activate"   name=".activate"></a>
 289                 <div class="fixedFont">
 290                         <span class="attributes"></span><b class="itemname">activate</b>
 291
 292                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
 293
 294
 295                                          :
 296
 297
 298                                                 <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>
 299
 300
 301
 302
 303
 304                 </div>
 305                 <div class="mdesc">
 306
 307                    <div class="short">Activates a {<b>link</b> Roo.TabPanelItem}.</div>
 308
 309
 310
 311                     <div class="long">
 312
 313                                 Activates a {<b>link</b> Roo.TabPanelItem}. The currently active one will be deactivated.
 314
 315
 316
 317
 318
 319
 320                                 <dl class="detailList">
 321                                 <dt class="heading">Parameters:</dt>
 322
 323                                         <dt>
 324                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  <b>id</b>
 325
 326                                         </dt>
 327                                         <dd>The id or index of the TabPanelItem to activate.</dd>
 328
 329                                 </dl>
 330
 331
 332
 333
 334
 335                                 <dl class="detailList">
 336                                 <dt class="heading">Returns:</dt>
 337
 338                                         <dd><span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span>  The TabPanelItem.</dd>
 339
 340                                 </dl>
 341
 342
 343
 344
 345
 346
 347
 348                     </div>
 349                 </div>
 350
 351             </td>
 352             <td class="msource">
 353
 354                         Roo.TabPanel
 355                 &nbsp;
 356             </td>
 357         </tr>
 358
 359
 360           <tr class="method-row config-row-alt0 expandable">
 361             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 362
 363
 364             <td class="sig">
 365                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 366                 <div class="fixedFont">
 367                         <span class="attributes"></span><b class="itemname">addEvents</b>
 368
 369                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 370
 371
 372
 373                 </div>
 374                 <div class="mdesc">
 375
 376                    <div class="short">Used to define events on this Observable</div>
 377
 378
 379
 380                     <div class="long">
 381
 382                                 Used to define events on this Observable
 383
 384
 385
 386
 387
 388
 389                                 <dl class="detailList">
 390                                 <dt class="heading">Parameters:</dt>
 391
 392                                         <dt>
 393                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>object</b>
 394
 395                                         </dt>
 396                                         <dd>The object with the events defined</dd>
 397
 398                                 </dl>
 399
 400
 401
 402
 403
 404
 405
 406
 407
 408
 409
 410                     </div>
 411                 </div>
 412
 413             </td>
 414             <td class="msource">
 415
 416                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 417                 &nbsp;
 418             </td>
 419         </tr>
 420
 421
 422           <tr class="method-row config-row-alt1 expandable">
 423             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 424
 425
 426             <td class="sig">
 427                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 428                 <div class="fixedFont">
 429                         <span class="attributes"></span><b class="itemname">addListener</b>
 430
 431                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
 432
 433
 434
 435                 </div>
 436                 <div class="mdesc">
 437
 438                    <div class="short">Appends an event handler to this component</div>
 439
 440
 441
 442                     <div class="long">
 443
 444                                 Appends an event handler to this component
 445
 446
 447
 448
 449
 450
 451                                 <dl class="detailList">
 452                                 <dt class="heading">Parameters:</dt>
 453
 454                                         <dt>
 455                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 456
 457                                         </dt>
 458                                         <dd>The type of event to listen for</dd>
 459
 460                                         <dt>
 461                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 462
 463                                         </dt>
 464                                         <dd>The method the event invokes</dd>
 465
 466                                         <dt>
 467                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
 468
 469                                         </dt>
 470                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 471
 472                                         <dt>
 473                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
 474
 475                                         </dt>
 476                                         <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/>             <pre><code><br/>                el.on('click', this.onClick, this, {<br/>                       single: true,<br/>              delay: 100,<br/>                forumId: 4<br/>         });<br/>                </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/>               el.on({<br/>                    'click': {<br/>                 fn: this.onClick,<br/>                  scope: this,<br/>                       delay: 100<br/>                 }, <br/>                'mouseover': {<br/>                     fn: this.onMouseOver,<br/>                      scope: this<br/>                },<br/>                 'mouseout': {<br/>                      fn: this.onMouseOut,<br/>                       scope: this<br/>                }<br/>          });<br/>                </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/>        <pre><code><br/>                el.on({<br/>                    'click': this.onClick,<br/>             'mouseover': this.onMouseOver,<br/>             'mouseout': this.onMouseOut,<br/>               scope: this<br/>                });<br/>                </code></pre></dd>
 477
 478                                 </dl>
 479
 480
 481
 482
 483
 484
 485
 486
 487
 488
 489
 490                     </div>
 491                 </div>
 492
 493             </td>
 494             <td class="msource">
 495
 496                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 497                 &nbsp;
 498             </td>
 499         </tr>
 500
 501
 502           <tr class="method-row config-row-alt0 expandable notInherited">
 503             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 504
 505
 506             <td class="sig">
 507                 <a id="Roo.TabPanel-method-addTab"   name=".addTab"></a>
 508                 <div class="fixedFont">
 509                         <span class="attributes"></span><b class="itemname">addTab</b>
 510
 511                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>text</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>content</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>closable</i></B>)
 512
 513
 514                                          :
 515
 516
 517                                                 <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>
 518
 519
 520
 521
 522
 523                 </div>
 524                 <div class="mdesc">
 525
 526                    <div class="short">Creates a new {<b>link</b> Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one.</div>
 527
 528
 529
 530                     <div class="long">
 531
 532                                 Creates a new {<b>link</b> Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one.
 533
 534
 535
 536
 537
 538
 539                                 <dl class="detailList">
 540                                 <dt class="heading">Parameters:</dt>
 541
 542                                         <dt>
 543                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>id</b>
 544
 545                                         </dt>
 546                                         <dd>The id of the div to use <b>or create</b></dd>
 547
 548                                         <dt>
 549                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>text</b>
 550
 551                                         </dt>
 552                                         <dd>The text for the tab</dd>
 553
 554                                         <dt>
 555                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>content</b>
 556
 557                                         </dt>
 558                                         <dd>(optional) Content to put in the TabPanelItem body</dd>
 559
 560                                         <dt>
 561                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>closable</b>
 562
 563                                         </dt>
 564                                         <dd>(optional) True to create a close icon on the tab</dd>
 565
 566                                 </dl>
 567
 568
 569
 570
 571
 572                                 <dl class="detailList">
 573                                 <dt class="heading">Returns:</dt>
 574
 575                                         <dd><span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span>  The created TabPanelItem</dd>
 576
 577                                 </dl>
 578
 579
 580
 581
 582
 583
 584
 585                     </div>
 586                 </div>
 587
 588             </td>
 589             <td class="msource">
 590
 591                         Roo.TabPanel
 592                 &nbsp;
 593             </td>
 594         </tr>
 595
 596
 597           <tr class="method-row config-row-alt1 expandable notInherited">
 598             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 599
 600
 601             <td class="sig">
 602                 <a id="Roo.TabPanel-method-addTabItem"   name=".addTabItem"></a>
 603                 <div class="fixedFont">
 604                         <span class="attributes"></span><b class="itemname">addTabItem</b>
 605
 606                                  (<a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a> <B><i>item</i></B>)
 607
 608
 609
 610                 </div>
 611                 <div class="mdesc">
 612
 613                    <div class="short">Adds an existing {<b>link</b> Roo.TabPanelItem}.</div>
 614
 615
 616
 617                     <div class="long">
 618
 619                                 Adds an existing {<b>link</b> Roo.TabPanelItem}.
 620
 621
 622
 623
 624
 625
 626                                 <dl class="detailList">
 627                                 <dt class="heading">Parameters:</dt>
 628
 629                                         <dt>
 630                                                 <span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span>  <b>item</b>
 631
 632                                         </dt>
 633                                         <dd>The TabPanelItem to add</dd>
 634
 635                                 </dl>
 636
 637
 638
 639
 640
 641
 642
 643
 644
 645
 646
 647                     </div>
 648                 </div>
 649
 650             </td>
 651             <td class="msource">
 652
 653                         Roo.TabPanel
 654                 &nbsp;
 655             </td>
 656         </tr>
 657
 658
 659           <tr class="method-row config-row-alt0 expandable notInherited">
 660             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 661
 662
 663             <td class="sig">
 664                 <a id="Roo.TabPanel-method-autoSizeTabs"   name=".autoSizeTabs"></a>
 665                 <div class="fixedFont">
 666                         <span class="attributes"></span><b class="itemname">autoSizeTabs</b>
 667
 668                                  ()
 669
 670
 671
 672                 </div>
 673                 <div class="mdesc">
 674
 675                    <div class="short">Manual call to resize the tabs (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)</div>
 676
 677
 678
 679                     <div class="long">
 680
 681                                 Manual call to resize the tabs (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)
 682
 683
 684
 685
 686
 687
 688
 689
 690
 691
 692
 693
 694
 695
 696
 697
 698                     </div>
 699                 </div>
 700
 701             </td>
 702             <td class="msource">
 703
 704                         Roo.TabPanel
 705                 &nbsp;
 706             </td>
 707         </tr>
 708
 709
 710           <tr class="method-row config-row-alt1 expandable notInherited">
 711             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 712
 713
 714             <td class="sig">
 715                 <a id="Roo.TabPanel-method-beginUpdate"   name=".beginUpdate"></a>
 716                 <div class="fixedFont">
 717                         <span class="attributes"></span><b class="itemname">beginUpdate</b>
 718
 719                                  ()
 720
 721
 722
 723                 </div>
 724                 <div class="mdesc">
 725
 726                    <div class="short">Disables tab resizing while tabs are being added (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)</div>
 727
 728
 729
 730                     <div class="long">
 731
 732                                 Disables tab resizing while tabs are being added (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)
 733
 734
 735
 736
 737
 738
 739
 740
 741
 742
 743
 744
 745
 746
 747
 748
 749                     </div>
 750                 </div>
 751
 752             </td>
 753             <td class="msource">
 754
 755                         Roo.TabPanel
 756                 &nbsp;
 757             </td>
 758         </tr>
 759
 760
 761           <tr class="method-row config-row-alt0 expandable notInherited">
 762             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 763
 764
 765             <td class="sig">
 766                 <a id="Roo.TabPanel-method-destroy"   name=".destroy"></a>
 767                 <div class="fixedFont">
 768                         <span class="attributes"></span><b class="itemname">destroy</b>
 769
 770                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>removeEl</i></B>)
 771
 772
 773
 774                 </div>
 775                 <div class="mdesc">
 776
 777                    <div class="short">Destroys this TabPanel</div>
 778
 779
 780
 781                     <div class="long">
 782
 783                                 Destroys this TabPanel
 784
 785
 786
 787
 788
 789
 790                                 <dl class="detailList">
 791                                 <dt class="heading">Parameters:</dt>
 792
 793                                         <dt>
 794                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>removeEl</b>
 795
 796                                         </dt>
 797                                         <dd>(optional) True to remove the element from the DOM as well (defaults to undefined)</dd>
 798
 799                                 </dl>
 800
 801
 802
 803
 804
 805
 806
 807
 808
 809
 810
 811                     </div>
 812                 </div>
 813
 814             </td>
 815             <td class="msource">
 816
 817                         Roo.TabPanel
 818                 &nbsp;
 819             </td>
 820         </tr>
 821
 822
 823           <tr class="method-row config-row-alt1 expandable notInherited">
 824             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 825
 826
 827             <td class="sig">
 828                 <a id="Roo.TabPanel-method-disableTab"   name=".disableTab"></a>
 829                 <div class="fixedFont">
 830                         <span class="attributes"></span><b class="itemname">disableTab</b>
 831
 832                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
 833
 834
 835
 836                 </div>
 837                 <div class="mdesc">
 838
 839                    <div class="short">Disables a {<b>link</b> Roo.TabPanelItem}.</div>
 840
 841
 842
 843                     <div class="long">
 844
 845                                 Disables a {<b>link</b> Roo.TabPanelItem}. It cannot be the active tab, if it is this call is ignored.
 846
 847
 848
 849
 850
 851
 852                                 <dl class="detailList">
 853                                 <dt class="heading">Parameters:</dt>
 854
 855                                         <dt>
 856                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  <b>id</b>
 857
 858                                         </dt>
 859                                         <dd>The id or index of the TabPanelItem to disable.</dd>
 860
 861                                 </dl>
 862
 863
 864
 865
 866
 867
 868
 869
 870
 871
 872
 873                     </div>
 874                 </div>
 875
 876             </td>
 877             <td class="msource">
 878
 879                         Roo.TabPanel
 880                 &nbsp;
 881             </td>
 882         </tr>
 883
 884
 885           <tr class="method-row config-row-alt0 expandable notInherited">
 886             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 887
 888
 889             <td class="sig">
 890                 <a id="Roo.TabPanel-method-enableTab"   name=".enableTab"></a>
 891                 <div class="fixedFont">
 892                         <span class="attributes"></span><b class="itemname">enableTab</b>
 893
 894                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
 895
 896
 897
 898                 </div>
 899                 <div class="mdesc">
 900
 901                    <div class="short">Enables a {<b>link</b> Roo.TabPanelItem} that is disabled.</div>
 902
 903
 904
 905                     <div class="long">
 906
 907                                 Enables a {<b>link</b> Roo.TabPanelItem} that is disabled.
 908
 909
 910
 911
 912
 913
 914                                 <dl class="detailList">
 915                                 <dt class="heading">Parameters:</dt>
 916
 917                                         <dt>
 918                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  <b>id</b>
 919
 920                                         </dt>
 921                                         <dd>The id or index of the TabPanelItem to enable.</dd>
 922
 923                                 </dl>
 924
 925
 926
 927
 928
 929
 930
 931
 932
 933
 934
 935                     </div>
 936                 </div>
 937
 938             </td>
 939             <td class="msource">
 940
 941                         Roo.TabPanel
 942                 &nbsp;
 943             </td>
 944         </tr>
 945
 946
 947           <tr class="method-row config-row-alt1 expandable notInherited">
 948             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 949
 950
 951             <td class="sig">
 952                 <a id="Roo.TabPanel-method-endUpdate"   name=".endUpdate"></a>
 953                 <div class="fixedFont">
 954                         <span class="attributes"></span><b class="itemname">endUpdate</b>
 955
 956                                  ()
 957
 958
 959
 960                 </div>
 961                 <div class="mdesc">
 962
 963                    <div class="short">Stops an update and resizes the tabs (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)</div>
 964
 965
 966
 967                     <div class="long">
 968
 969                                 Stops an update and resizes the tabs (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)
 970
 971
 972
 973
 974
 975
 976
 977
 978
 979
 980
 981
 982
 983
 984
 985
 986                     </div>
 987                 </div>
 988
 989             </td>
 990             <td class="msource">
 991
 992                         Roo.TabPanel
 993                 &nbsp;
 994             </td>
 995         </tr>
 996
 997
 998           <tr class="method-row config-row-alt0 expandable">
 999             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1000
1001
1002             <td class="sig">
1003                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
1004                 <div class="fixedFont">
1005                         <span class="attributes"></span><b class="itemname">fireEvent</b>
1006
1007                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a> <B><i>args</i></B>)
1008
1009
1010                                          :
1011
1012
1013                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1014
1015
1016
1017
1018
1019                 </div>
1020                 <div class="mdesc">
1021
1022                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1023
1024
1025
1026                     <div class="long">
1027
1028                                 Fires the specified event with the passed parameters (minus the event name).
1029
1030
1031
1032
1033
1034
1035                                 <dl class="detailList">
1036                                 <dt class="heading">Parameters:</dt>
1037
1038                                         <dt>
1039                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1040
1041                                         </dt>
1042                                         <dd></dd>
1043
1044                                         <dt>
1045                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a></span>  <b>args</b>
1046
1047                                         </dt>
1048                                         <dd>Variable number of parameters are passed to handlers</dd>
1049
1050                                 </dl>
1051
1052
1053
1054
1055
1056                                 <dl class="detailList">
1057                                 <dt class="heading">Returns:</dt>
1058
1059                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  returns false if any of the handlers return false otherwise it returns true</dd>
1060
1061                                 </dl>
1062
1063
1064
1065
1066
1067
1068
1069                     </div>
1070                 </div>
1071
1072             </td>
1073             <td class="msource">
1074
1075                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1076                 &nbsp;
1077             </td>
1078         </tr>
1079
1080
1081           <tr class="method-row config-row-alt1 expandable notInherited">
1082             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1083
1084
1085             <td class="sig">
1086                 <a id="Roo.TabPanel-method-getActiveTab"   name=".getActiveTab"></a>
1087                 <div class="fixedFont">
1088                         <span class="attributes"></span><b class="itemname">getActiveTab</b>
1089
1090                                  ()
1091
1092
1093                                          :
1094
1095
1096                                                 <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>
1097
1098
1099
1100
1101
1102                 </div>
1103                 <div class="mdesc">
1104
1105                    <div class="short">Gets the active {<b>link</b> Roo.TabPanelItem}.</div>
1106
1107
1108
1109                     <div class="long">
1110
1111                                 Gets the active {<b>link</b> Roo.TabPanelItem}.
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122                                 <dl class="detailList">
1123                                 <dt class="heading">Returns:</dt>
1124
1125                                         <dd><span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span>  The active TabPanelItem or null if none are active.</dd>
1126
1127                                 </dl>
1128
1129
1130
1131
1132
1133
1134
1135                     </div>
1136                 </div>
1137
1138             </td>
1139             <td class="msource">
1140
1141                         Roo.TabPanel
1142                 &nbsp;
1143             </td>
1144         </tr>
1145
1146
1147           <tr class="method-row config-row-alt0 expandable notInherited">
1148             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1149
1150
1151             <td class="sig">
1152                 <a id="Roo.TabPanel-method-getCount"   name=".getCount"></a>
1153                 <div class="fixedFont">
1154                         <span class="attributes"></span><b class="itemname">getCount</b>
1155
1156                                  ()
1157
1158
1159                                          :
1160
1161
1162                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1163
1164
1165
1166
1167
1168                 </div>
1169                 <div class="mdesc">
1170
1171                    <div class="short">Returns the number of tabs in this TabPanel.</div>
1172
1173
1174
1175                     <div class="long">
1176
1177                                 Returns the number of tabs in this TabPanel.
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188                                 <dl class="detailList">
1189                                 <dt class="heading">Returns:</dt>
1190
1191                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
1192
1193                                 </dl>
1194
1195
1196
1197
1198
1199
1200
1201                     </div>
1202                 </div>
1203
1204             </td>
1205             <td class="msource">
1206
1207                         Roo.TabPanel
1208                 &nbsp;
1209             </td>
1210         </tr>
1211
1212
1213           <tr class="method-row config-row-alt1 expandable notInherited">
1214             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1215
1216
1217             <td class="sig">
1218                 <a id="Roo.TabPanel-method-getTab"   name=".getTab"></a>
1219                 <div class="fixedFont">
1220                         <span class="attributes"></span><b class="itemname">getTab</b>
1221
1222                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
1223
1224
1225                                          :
1226
1227
1228                                                 <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>
1229
1230
1231
1232
1233
1234                 </div>
1235                 <div class="mdesc">
1236
1237                    <div class="short">Returns the {<b>link</b> Roo.TabPanelItem} with the specified id/index</div>
1238
1239
1240
1241                     <div class="long">
1242
1243                                 Returns the {<b>link</b> Roo.TabPanelItem} with the specified id/index
1244
1245
1246
1247
1248
1249
1250                                 <dl class="detailList">
1251                                 <dt class="heading">Parameters:</dt>
1252
1253                                         <dt>
1254                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  <b>id</b>
1255
1256                                         </dt>
1257                                         <dd>The id or index of the TabPanelItem to fetch.</dd>
1258
1259                                 </dl>
1260
1261
1262
1263
1264
1265                                 <dl class="detailList">
1266                                 <dt class="heading">Returns:</dt>
1267
1268                                         <dd><span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span>  </dd>
1269
1270                                 </dl>
1271
1272
1273
1274
1275
1276
1277
1278                     </div>
1279                 </div>
1280
1281             </td>
1282             <td class="msource">
1283
1284                         Roo.TabPanel
1285                 &nbsp;
1286             </td>
1287         </tr>
1288
1289
1290           <tr class="method-row config-row-alt0 expandable">
1291             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1292
1293
1294             <td class="sig">
1295                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1296                 <div class="fixedFont">
1297                         <span class="attributes"></span><b class="itemname">hasListener</b>
1298
1299                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1300
1301
1302                                          :
1303
1304
1305                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1306
1307
1308
1309
1310
1311                 </div>
1312                 <div class="mdesc">
1313
1314                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
1315
1316
1317
1318                     <div class="long">
1319
1320                                 Checks to see if this object has any listeners for a specified event
1321
1322
1323
1324
1325
1326
1327                                 <dl class="detailList">
1328                                 <dt class="heading">Parameters:</dt>
1329
1330                                         <dt>
1331                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1332
1333                                         </dt>
1334                                         <dd>The name of the event to check for</dd>
1335
1336                                 </dl>
1337
1338
1339
1340
1341
1342                                 <dl class="detailList">
1343                                 <dt class="heading">Returns:</dt>
1344
1345                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  True if the event is being listened for, else false</dd>
1346
1347                                 </dl>
1348
1349
1350
1351
1352
1353
1354
1355                     </div>
1356                 </div>
1357
1358             </td>
1359             <td class="msource">
1360
1361                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1362                 &nbsp;
1363             </td>
1364         </tr>
1365
1366
1367           <tr class="method-row config-row-alt1 expandable notInherited">
1368             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1369
1370
1371             <td class="sig">
1372                 <a id="Roo.TabPanel-method-hideTab"   name=".hideTab"></a>
1373                 <div class="fixedFont">
1374                         <span class="attributes"></span><b class="itemname">hideTab</b>
1375
1376                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
1377
1378
1379
1380                 </div>
1381                 <div class="mdesc">
1382
1383                    <div class="short">Hides the {<b>link</b> Roo.TabPanelItem} with the specified id/index</div>
1384
1385
1386
1387                     <div class="long">
1388
1389                                 Hides the {<b>link</b> Roo.TabPanelItem} with the specified id/index
1390
1391
1392
1393
1394
1395
1396                                 <dl class="detailList">
1397                                 <dt class="heading">Parameters:</dt>
1398
1399                                         <dt>
1400                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  <b>id</b>
1401
1402                                         </dt>
1403                                         <dd>The id or index of the TabPanelItem to hide.</dd>
1404
1405                                 </dl>
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417                     </div>
1418                 </div>
1419
1420             </td>
1421             <td class="msource">
1422
1423                         Roo.TabPanel
1424                 &nbsp;
1425             </td>
1426         </tr>
1427
1428
1429           <tr class="method-row config-row-alt0 expandable">
1430             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1431
1432
1433             <td class="sig">
1434                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1435                 <div class="fixedFont">
1436                         <span class="attributes"></span><b class="itemname">on</b>
1437
1438                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
1439
1440
1441
1442                 </div>
1443                 <div class="mdesc">
1444
1445                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1446
1447
1448
1449                     <div class="long">
1450
1451                                 Appends an event handler to this element (shorthand for addListener)
1452
1453
1454
1455
1456
1457
1458                                 <dl class="detailList">
1459                                 <dt class="heading">Parameters:</dt>
1460
1461                                         <dt>
1462                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1463
1464                                         </dt>
1465                                         <dd>The type of event to listen for</dd>
1466
1467                                         <dt>
1468                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1469
1470                                         </dt>
1471                                         <dd>The method the event invokes</dd>
1472
1473                                         <dt>
1474                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
1475
1476                                         </dt>
1477                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1478
1479                                         <dt>
1480                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
1481
1482                                         </dt>
1483                                         <dd>(optional)</dd>
1484
1485                                 </dl>
1486
1487
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497                     </div>
1498                 </div>
1499
1500             </td>
1501             <td class="msource">
1502
1503                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1504                 &nbsp;
1505             </td>
1506         </tr>
1507
1508
1509           <tr class="method-row config-row-alt1 expandable">
1510             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1511
1512
1513             <td class="sig">
1514                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1515                 <div class="fixedFont">
1516                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1517
1518                                  ()
1519
1520
1521
1522                 </div>
1523                 <div class="mdesc">
1524
1525                    <div class="short">Removes all listeners for this object</div>
1526
1527
1528
1529                     <div class="long">
1530
1531                                 Removes all listeners for this object
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548                     </div>
1549                 </div>
1550
1551             </td>
1552             <td class="msource">
1553
1554                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1555                 &nbsp;
1556             </td>
1557         </tr>
1558
1559
1560           <tr class="method-row config-row-alt0 expandable">
1561             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1562
1563
1564             <td class="sig">
1565                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1566                 <div class="fixedFont">
1567                         <span class="attributes"></span><b class="itemname">removeListener</b>
1568
1569                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
1570
1571
1572
1573                 </div>
1574                 <div class="mdesc">
1575
1576                    <div class="short">Removes a listener</div>
1577
1578
1579
1580                     <div class="long">
1581
1582                                 Removes a listener
1583
1584
1585
1586
1587
1588
1589                                 <dl class="detailList">
1590                                 <dt class="heading">Parameters:</dt>
1591
1592                                         <dt>
1593                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1594
1595                                         </dt>
1596                                         <dd>The type of event to listen for</dd>
1597
1598                                         <dt>
1599                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1600
1601                                         </dt>
1602                                         <dd>The handler to remove</dd>
1603
1604                                         <dt>
1605                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
1606
1607                                         </dt>
1608                                         <dd>(optional) The scope (this object) for the handler</dd>
1609
1610                                 </dl>
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622                     </div>
1623                 </div>
1624
1625             </td>
1626             <td class="msource">
1627
1628                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1629                 &nbsp;
1630             </td>
1631         </tr>
1632
1633
1634           <tr class="method-row config-row-alt1 expandable notInherited">
1635             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1636
1637
1638             <td class="sig">
1639                 <a id="Roo.TabPanel-method-removeTab"   name=".removeTab"></a>
1640                 <div class="fixedFont">
1641                         <span class="attributes"></span><b class="itemname">removeTab</b>
1642
1643                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
1644
1645
1646
1647                 </div>
1648                 <div class="mdesc">
1649
1650                    <div class="short">Removes a {<b>link</b> Roo.TabPanelItem}.</div>
1651
1652
1653
1654                     <div class="long">
1655
1656                                 Removes a {<b>link</b> Roo.TabPanelItem}.
1657
1658
1659
1660
1661
1662
1663                                 <dl class="detailList">
1664                                 <dt class="heading">Parameters:</dt>
1665
1666                                         <dt>
1667                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  <b>id</b>
1668
1669                                         </dt>
1670                                         <dd>The id or index of the TabPanelItem to remove.</dd>
1671
1672                                 </dl>
1673
1674
1675
1676
1677
1678
1679
1680
1681
1682
1683
1684                     </div>
1685                 </div>
1686
1687             </td>
1688             <td class="msource">
1689
1690                         Roo.TabPanel
1691                 &nbsp;
1692             </td>
1693         </tr>
1694
1695
1696           <tr class="method-row config-row-alt0 expandable notInherited">
1697             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1698
1699
1700             <td class="sig">
1701                 <a id="Roo.TabPanel-method-setTabWidth"   name=".setTabWidth"></a>
1702                 <div class="fixedFont">
1703                         <span class="attributes"></span><b class="itemname">setTabWidth</b>
1704
1705                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>The</i></B>)
1706
1707
1708
1709                 </div>
1710                 <div class="mdesc">
1711
1712                    <div class="short">Resizes all the tabs to the passed width</div>
1713
1714
1715
1716                     <div class="long">
1717
1718                                 Resizes all the tabs to the passed width
1719
1720
1721
1722
1723
1724
1725                                 <dl class="detailList">
1726                                 <dt class="heading">Parameters:</dt>
1727
1728                                         <dt>
1729                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>The</b>
1730
1731                                         </dt>
1732                                         <dd>new width</dd>
1733
1734                                 </dl>
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746                     </div>
1747                 </div>
1748
1749             </td>
1750             <td class="msource">
1751
1752                         Roo.TabPanel
1753                 &nbsp;
1754             </td>
1755         </tr>
1756
1757
1758           <tr class="method-row config-row-alt1 expandable notInherited">
1759             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1760
1761
1762             <td class="sig">
1763                 <a id="Roo.TabPanel-method-syncHeight"   name=".syncHeight"></a>
1764                 <div class="fixedFont">
1765                         <span class="attributes"></span><b class="itemname">syncHeight</b>
1766
1767                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>targetHeight</i></B>)
1768
1769
1770
1771                 </div>
1772                 <div class="mdesc">
1773
1774                    <div class="short">Updates the tab body element to fit the height of the container element<br/>for overflow scrolling</div>
1775
1776
1777
1778                     <div class="long">
1779
1780                                 Updates the tab body element to fit the height of the container element<br/>for overflow scrolling
1781
1782
1783
1784
1785
1786
1787                                 <dl class="detailList">
1788                                 <dt class="heading">Parameters:</dt>
1789
1790                                         <dt>
1791                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>targetHeight</b>
1792
1793                                         </dt>
1794                                         <dd>(optional) Override the starting height from the elements height</dd>
1795
1796                                 </dl>
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806
1807
1808                     </div>
1809                 </div>
1810
1811             </td>
1812             <td class="msource">
1813
1814                         Roo.TabPanel
1815                 &nbsp;
1816             </td>
1817         </tr>
1818
1819
1820           <tr class="method-row config-row-alt0 expandable">
1821             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1822
1823
1824             <td class="sig">
1825                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
1826                 <div class="fixedFont">
1827                         <span class="attributes"></span><b class="itemname">un</b>
1828
1829                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
1830
1831
1832
1833                 </div>
1834                 <div class="mdesc">
1835
1836                    <div class="short">Removes a listener (shorthand for removeListener)</div>
1837
1838
1839
1840                     <div class="long">
1841
1842                                 Removes a listener (shorthand for removeListener)
1843
1844
1845
1846
1847
1848
1849                                 <dl class="detailList">
1850                                 <dt class="heading">Parameters:</dt>
1851
1852                                         <dt>
1853                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1854
1855                                         </dt>
1856                                         <dd>The type of event to listen for</dd>
1857
1858                                         <dt>
1859                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1860
1861                                         </dt>
1862                                         <dd>The handler to remove</dd>
1863
1864                                         <dt>
1865                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
1866
1867                                         </dt>
1868                                         <dd>(optional) The scope (this object) for the handler</dd>
1869
1870                                 </dl>
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881
1882                     </div>
1883                 </div>
1884
1885             </td>
1886             <td class="msource">
1887
1888                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1889                 &nbsp;
1890             </td>
1891         </tr>
1892
1893
1894           <tr class="method-row config-row-alt1 expandable notInherited">
1895             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1896
1897
1898             <td class="sig">
1899                 <a id="Roo.TabPanel-method-unhideTab"   name=".unhideTab"></a>
1900                 <div class="fixedFont">
1901                         <span class="attributes"></span><b class="itemname">unhideTab</b>
1902
1903                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
1904
1905
1906
1907                 </div>
1908                 <div class="mdesc">
1909
1910                    <div class="short">"Unhides" the {<b>link</b> Roo.TabPanelItem} with the specified id/index.</div>
1911
1912
1913
1914                     <div class="long">
1915
1916                                 "Unhides" the {<b>link</b> Roo.TabPanelItem} with the specified id/index.
1917
1918
1919
1920
1921
1922
1923                                 <dl class="detailList">
1924                                 <dt class="heading">Parameters:</dt>
1925
1926                                         <dt>
1927                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span>  <b>id</b>
1928
1929                                         </dt>
1930                                         <dd>The id or index of the TabPanelItem to unhide.</dd>
1931
1932                                 </dl>
1933
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944                     </div>
1945                 </div>
1946
1947             </td>
1948             <td class="msource">
1949
1950                         Roo.TabPanel
1951                 &nbsp;
1952             </td>
1953         </tr>
1954
1955
1956     </table>
1957
1958
1959   <!-- ============================== events summary / details ======================== -->
1960
1961
1962   <a id="Roo.TabPanel-events"></a>
1963
1964
1965
1966
1967
1968
1969
1970
1971       <table cellspacing="0" class="member-table">
1972                 <caption>Events</caption>
1973               <thead>
1974                 <tr>
1975                     <th class="sig-header" colspan="2">Event</th>
1976                     <th class="msource-header">Defined By</th>
1977
1978                 </tr>
1979               </thead>
1980
1981
1982
1983
1984
1985           <tr class="method-row expandable config-row-alt0 notInherited">
1986             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1987
1988             <td class="sig">
1989                 <a id="Roo.TabPanel-event-*beforetabchange"></a>
1990
1991                <div class="fixedFont">
1992                 <b class="itemname">beforetabchange</b> (<a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a> <B><i>this</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>e</i></B>, <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a> <B><i>tab</i></B>)
1993
1994                 </div>
1995
1996                 <div class="mdesc">
1997
1998                    <div class="short">Fires before the active tab changes, set cancel to true on the "e" parameter to cancel the change
1999
2000                 </div>
2001
2002                     <div class="long">
2003
2004                         Fires before the active tab changes, set cancel to true on the "e" parameter to cancel the change
2005
2006
2007
2008
2009
2010                                 <dl class="detailList">
2011                                 <dt class="heading">Parameters:</dt>
2012
2013                                         <dt>
2014                                                 <span class="fixedFont"><a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a></span> <b>this</b>
2015
2016                                         </dt>
2017                                         <dd></dd>
2018
2019                                         <dt>
2020                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>e</b>
2021
2022                                         </dt>
2023                                         <dd>Set cancel to true on this object to cancel the tab change</dd>
2024
2025                                         <dt>
2026                                                 <span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> <b>tab</b>
2027
2028                                         </dt>
2029                                         <dd>The tab being changed to</dd>
2030
2031                                 </dl>
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043                     </div>
2044                 </div>
2045
2046             </td>
2047             <td class="msource">
2048                 Roo.TabPanel
2049             </td>
2050         </tr>
2051
2052           <tr class="method-row expandable config-row-alt1 notInherited">
2053             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2054
2055             <td class="sig">
2056                 <a id="Roo.TabPanel-event-*tabchange"></a>
2057
2058                <div class="fixedFont">
2059                 <b class="itemname">tabchange</b> (<a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a> <B><i>this</i></B>, <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a> <B><i>activePanel</i></B>)
2060
2061                 </div>
2062
2063                 <div class="mdesc">
2064
2065                    <div class="short">Fires when the active tab changes
2066
2067                 </div>
2068
2069                     <div class="long">
2070
2071                         Fires when the active tab changes
2072
2073
2074
2075
2076
2077                                 <dl class="detailList">
2078                                 <dt class="heading">Parameters:</dt>
2079
2080                                         <dt>
2081                                                 <span class="fixedFont"><a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a></span> <b>this</b>
2082
2083                                         </dt>
2084                                         <dd></dd>
2085
2086                                         <dt>
2087                                                 <span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> <b>activePanel</b>
2088
2089                                         </dt>
2090                                         <dd>The new active tab</dd>
2091
2092                                 </dl>
2093
2094
2095
2096
2097
2098
2099
2100
2101
2102
2103
2104                     </div>
2105                 </div>
2106
2107             </td>
2108             <td class="msource">
2109                 Roo.TabPanel
2110             </td>
2111         </tr>
2112
2113
2114     </table>
2115
2116
2117
2118
2119
2120 <!-- ============================== footer ================================= -->
2121                 <div class="fineprint" style="clear:both">
2122
2123                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT)
2124                         Based on
2125                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
2126                 </div>
2127         </body>
2128 </html>