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