git.roojs.org Git - roojs1/blob - docs/symbols/Roo.bootstrap.Component.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.bootstrap.Component</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.bootstrap.Component-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.bootstrap.Component-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.bootstrap.Component-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.bootstrap.Component-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 src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  48 <img src="../../images/default/s.gif" height="1"  width="40"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.bootstrap.Component
  49
  50                    </pre>
  51                 </div>
  52
  53 <!-- ============================== class title / details ============================ -->
  54
  55
  56     <h1 class="classTitle">
  57
  58                                 Class Roo.bootstrap.Component
  59                         </h1>
  60
  61     <table cellspacing="0" class="class-summary-table">
  62
  63                 <tr><td class="label">Package:</td><td class="hd-info">Roo.bootstrap</td></tr>
  64
  65         <tr><td class="label">Defined In:</td><td class="hd-info">
  66
  67                                         <a href="./src/Roo_bootstrap_Component.js.html">Roo/bootstrap/Component.js</a>.
  68
  69         </td></tr>
  70         <tr><td class="label">Class:</td><td class="hd-info">Component</td></tr>
  71
  72
  73         <tr><td class="label">Subclasses:</td><td class="hd-info">
  74                 <a href="./Roo.bootstrap.Button.html#constructor" roo:cls="Roo.bootstrap.Button.html#constructor">Roo.bootstrap.Button</a>, <a href="./Roo.bootstrap.ButtonGroup.html#constructor" roo:cls="Roo.bootstrap.ButtonGroup.html#constructor">Roo.bootstrap.ButtonGroup</a>, <a href="./Roo.bootstrap.Column.html#constructor" roo:cls="Roo.bootstrap.Column.html#constructor">Roo.bootstrap.Column</a>, <a href="./Roo.bootstrap.Container.html#constructor" roo:cls="Roo.bootstrap.Container.html#constructor">Roo.bootstrap.Container</a>, <a href="./Roo.bootstrap.Element.html#constructor" roo:cls="Roo.bootstrap.Element.html#constructor">Roo.bootstrap.Element</a>, <a href="./Roo.bootstrap.Form.html#constructor" roo:cls="Roo.bootstrap.Form.html#constructor">Roo.bootstrap.Form</a>, <a href="./Roo.bootstrap.Header.html#constructor" roo:cls="Roo.bootstrap.Header.html#constructor">Roo.bootstrap.Header</a>, <a href="./Roo.bootstrap.Img.html#constructor" roo:cls="Roo.bootstrap.Img.html#constructor">Roo.bootstrap.Img</a>, <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>, <a href="./Roo.bootstrap.Menu.html#constructor" roo:cls="Roo.bootstrap.Menu.html#constructor">Roo.bootstrap.Menu</a>, <a href="./Roo.bootstrap.MenuItem.html#constructor" roo:cls="Roo.bootstrap.MenuItem.html#constructor">Roo.bootstrap.MenuItem</a>, <a href="./Roo.bootstrap.MenuSeparator.html#constructor" roo:cls="Roo.bootstrap.MenuSeparator.html#constructor">Roo.bootstrap.MenuSeparator</a>, <a href="./Roo.bootstrap.Modal.html#constructor" roo:cls="Roo.bootstrap.Modal.html#constructor">Roo.bootstrap.Modal</a>, <a href="./Roo.bootstrap.NavGroup.html#constructor" roo:cls="Roo.bootstrap.NavGroup.html#constructor">Roo.bootstrap.NavGroup</a>, <a href="./Roo.bootstrap.Navbar.html#constructor" roo:cls="Roo.bootstrap.Navbar.html#constructor">Roo.bootstrap.Navbar</a>, <a href="./Roo.bootstrap.Navbar.Button.html#constructor" roo:cls="Roo.bootstrap.Navbar.Button.html#constructor">Roo.bootstrap.Navbar.Button</a>, <a href="./Roo.bootstrap.Navbar.Item.html#constructor" roo:cls="Roo.bootstrap.Navbar.Item.html#constructor">Roo.bootstrap.Navbar.Item</a>, <a href="./Roo.bootstrap.Pagination.html#constructor" roo:cls="Roo.bootstrap.Pagination.html#constructor">Roo.bootstrap.Pagination</a>, <a href="./Roo.bootstrap.Row.html#constructor" roo:cls="Roo.bootstrap.Row.html#constructor">Roo.bootstrap.Row</a>, <a href="./Roo.bootstrap.Slider.html#constructor" roo:cls="Roo.bootstrap.Slider.html#constructor">Roo.bootstrap.Slider</a>, <a href="./Roo.bootstrap.Table.html#constructor" roo:cls="Roo.bootstrap.Table.html#constructor">Roo.bootstrap.Table</a>, <a href="./Roo.bootstrap.TableBody.html#constructor" roo:cls="Roo.bootstrap.TableBody.html#constructor">Roo.bootstrap.TableBody</a>, <a href="./Roo.bootstrap.TableCell.html#constructor" roo:cls="Roo.bootstrap.TableCell.html#constructor">Roo.bootstrap.TableCell</a>, <a href="./Roo.bootstrap.TableRow.html#constructor" roo:cls="Roo.bootstrap.TableRow.html#constructor">Roo.bootstrap.TableRow</a>
  75
  76
  77
  78         </td></tr>
  79
  80
  81
  82                 <tr><td class="label">Extends:</td><td class="hd-info">
  83                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  84
  85                 </td></tr>
  86
  87
  88     </table>
  89
  90
  91 <!-- ============================== class summary ========================== -->
  92     <div class="description">
  93         Bootstrap Component base class
  94     </div>
  95
  96
  97 <!-- ============================== Class comment block... ========================== -->
  98
  99 <div class="comments">
 100         <b>Class Comments / Notes</B> =>
 101         <u onclick="parent.CommentDialog.showCommentId = 'Roo.bootstrap.Component';">[Add Your comment/notes about this class]</u>
 102         <br/>
 103         <iframe frameborder="0"  id="comments-Roo.bootstrap" style="border: none;width:100%;"
 104                 src="/blog.php/GtkDjsComments/Roo.bootstrap.Component.html"></iframe>
 105 </div>
 106
 107
 108
 109 <!-- ============================== config options ========================== -->
 110
 111
 112
 113
 114     <div class="hr"></div>
 115     <a id="Roo.bootstrap.Component-configs"></a>
 116
 117
 118
 119
 120
 121       <table cellspacing="0" class="member-table">
 122       <caption>Config Options (Usually are also Properties)</caption>
 123
 124
 125         <tr>
 126             <th class="sig-header" colspan="2">Options</th>
 127
 128             <th class="msource-header">Defined By</th>
 129         </tr>
 130
 131
 132
 133
 134
 135                 <tr class="config-row expandable config-row-alt0">
 136                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 137                     <td class="sig">
 138
 139                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
 140                         <div class="fixedFont">
 141                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 142
 143
 144                         </div>
 145
 146                         <div class="mdesc">
 147                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 148                         </div>
 149
 150                         <div class="mdesc">
 151                             <div class="long">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 152                         </div>
 153
 154
 155
 156                     </td>
 157                     <td class="msource">
 158
 159                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 160
 161                     </td>
 162                 </tr>
 163
 164
 165                 <tr class="config-row expandable config-row-alt1">
 166                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 167                     <td class="sig">
 168
 169                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 170                         <div class="fixedFont">
 171                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 172
 173
 174                         </div>
 175
 176                         <div class="mdesc">
 177                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 178                         </div>
 179
 180                         <div class="mdesc">
 181                             <div class="long">Whether the component can move the Dom node when rendering (defaults to true).</div>
 182                         </div>
 183
 184
 185
 186                     </td>
 187                     <td class="msource">
 188
 189                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 190
 191                     </td>
 192                 </tr>
 193
 194
 195                 <tr class="config-row expandable config-row-alt0 notInherited">
 196                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 197                     <td class="sig">
 198
 199                         <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
 200                         <div class="fixedFont">
 201                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 202
 203
 204                         </div>
 205
 206                         <div class="mdesc">
 207                             <div class="short">css class</div>
 208                         </div>
 209
 210                         <div class="mdesc">
 211                             <div class="long">css class</div>
 212                         </div>
 213
 214
 215
 216                     </td>
 217                     <td class="msource">
 218
 219                         Roo.bootstrap.Component
 220
 221                     </td>
 222                 </tr>
 223
 224
 225                 <tr class="config-row expandable config-row-alt1">
 226                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 227                     <td class="sig">
 228
 229                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 230                         <div class="fixedFont">
 231                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 232
 233
 234                         </div>
 235
 236                         <div class="mdesc">
 237                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 238                         </div>
 239
 240                         <div class="mdesc">
 241                             <div class="long">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 242                         </div>
 243
 244
 245
 246                     </td>
 247                     <td class="msource">
 248
 249                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 250
 251                     </td>
 252                 </tr>
 253
 254
 255                 <tr class="config-row expandable config-row-alt0">
 256                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 257                     <td class="sig">
 258
 259                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
 260                         <div class="fixedFont">
 261                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 262
 263
 264                         </div>
 265
 266                         <div class="mdesc">
 267                             <div class="short">How this component should hidden.</div>
 268                         </div>
 269
 270                         <div class="mdesc">
 271                             <div class="long">How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".</div>
 272                         </div>
 273
 274
 275
 276                     </td>
 277                     <td class="msource">
 278
 279                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 280
 281                     </td>
 282                 </tr>
 283
 284
 285                 <tr class="config-row expandable config-row-alt1">
 286                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 287                     <td class="sig">
 288
 289                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 290                         <div class="fixedFont">
 291                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 292
 293
 294                         </div>
 295
 296                         <div class="mdesc">
 297                             <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>
 298                         </div>
 299
 300                         <div class="mdesc">
 301                             <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>
 302                         </div>
 303
 304
 305
 306                     </td>
 307                     <td class="msource">
 308
 309                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 310
 311                     </td>
 312                 </tr>
 313
 314
 315                 <tr class="config-row expandable config-row-alt0 notInherited">
 316                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 317                     <td class="sig">
 318
 319                         <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
 320                         <div class="fixedFont">
 321                                 <b  class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 322
 323
 324                         </div>
 325
 326                         <div class="mdesc">
 327                             <div class="short">any extra css</div>
 328                         </div>
 329
 330                         <div class="mdesc">
 331                             <div class="long">any extra css</div>
 332                         </div>
 333
 334
 335
 336                     </td>
 337                     <td class="msource">
 338
 339                         Roo.bootstrap.Component
 340
 341                     </td>
 342                 </tr>
 343
 344
 345     </table>
 346
 347
 348
 349
 350
 351
 352
 353
 354
 355   <!-- ============================== public properties ==================== -->
 356
 357
 358
 359     <a id="Roo.bootstrap.Component-props"></a>
 360
 361
 362
 363
 364
 365      <table cellspacing="0" class="member-table">
 366       <caption class="Empty">Public Properties - Has None</caption>
 367      </table>
 368
 369
 370
 371
 372   <!-- ============================== methods summary / details ======================== -->
 373
 374
 375   <a id="Roo.bootstrap.Component-methods"></a>
 376         <!-- constructor?? -->
 377
 378         <!-- static's first
 379
 380
 381         -->
 382
 383         <!-- then dynamics first -->
 384
 385
 386
 387
 388
 389
 390       <table cellspacing="0" class="member-table">
 391       <caption>Public Methods</caption>
 392         <tr>
 393             <th class="sig-header" colspan="2">Method</th>
 394             <th class="msource-header">Defined By</th>
 395
 396         </tr>
 397
 398
 399
 400
 401
 402
 403
 404           <tr class="method-row config-row-alt0 expandable notInherited">
 405             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 406
 407
 408             <td class="sig">
 409                 <a id="Roo.bootstrap-method-Component"   name=".Component"></a>
 410                 <div class="fixedFont">
 411                         <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">Component</b>
 412
 413                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
 414
 415
 416
 417                 </div>
 418                 <div class="mdesc">
 419
 420
 421                         <div class="short">Create a new Roo.bootstrap.Component</div>
 422
 423
 424                     <div class="long">
 425
 426
 427
 428                                 Create a new Roo.bootstrap.Component
 429
 430
 431                                 <dl class="detailList">
 432                                 <dt class="heading">Parameters:</dt>
 433
 434                                         <dt>
 435                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
 436
 437                                         </dt>
 438                                         <dd>The config object</dd>
 439
 440                                 </dl>
 441
 442
 443
 444
 445
 446
 447
 448
 449
 450
 451
 452                     </div>
 453                 </div>
 454
 455             </td>
 456             <td class="msource">
 457                 &nbsp;
 458             </td>
 459         </tr>
 460
 461
 462           <tr class="method-row config-row-alt1 expandable">
 463             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 464
 465
 466             <td class="sig">
 467                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 468                 <div class="fixedFont">
 469                         <span class="attributes"></span><b class="itemname">addEvents</b>
 470
 471                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 472
 473
 474
 475                 </div>
 476                 <div class="mdesc">
 477
 478                    <div class="short">Used to define events on this Observable</div>
 479
 480
 481
 482                     <div class="long">
 483
 484                                 Used to define events on this Observable
 485
 486
 487
 488
 489
 490
 491                                 <dl class="detailList">
 492                                 <dt class="heading">Parameters:</dt>
 493
 494                                         <dt>
 495                                                 <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>
 496
 497                                         </dt>
 498                                         <dd>The object with the events defined</dd>
 499
 500                                 </dl>
 501
 502
 503
 504
 505
 506
 507
 508
 509
 510
 511
 512                     </div>
 513                 </div>
 514
 515             </td>
 516             <td class="msource">
 517
 518                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 519                 &nbsp;
 520             </td>
 521         </tr>
 522
 523
 524           <tr class="method-row config-row-alt0 expandable">
 525             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 526
 527
 528             <td class="sig">
 529                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 530                 <div class="fixedFont">
 531                         <span class="attributes"></span><b class="itemname">addListener</b>
 532
 533                                  (<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>)
 534
 535
 536
 537                 </div>
 538                 <div class="mdesc">
 539
 540                    <div class="short">Appends an event handler to this component</div>
 541
 542
 543
 544                     <div class="long">
 545
 546                                 Appends an event handler to this component
 547
 548
 549
 550
 551
 552
 553                                 <dl class="detailList">
 554                                 <dt class="heading">Parameters:</dt>
 555
 556                                         <dt>
 557                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 558
 559                                         </dt>
 560                                         <dd>The type of event to listen for</dd>
 561
 562                                         <dt>
 563                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 564
 565                                         </dt>
 566                                         <dd>The method the event invokes</dd>
 567
 568                                         <dt>
 569                                                 <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>
 570
 571                                         </dt>
 572                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 573
 574                                         <dt>
 575                                                 <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>
 576
 577                                         </dt>
 578                                         <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>
 579
 580                                 </dl>
 581
 582
 583
 584
 585
 586
 587
 588
 589
 590
 591
 592                     </div>
 593                 </div>
 594
 595             </td>
 596             <td class="msource">
 597
 598                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 599                 &nbsp;
 600             </td>
 601         </tr>
 602
 603
 604           <tr class="method-row config-row-alt1 expandable">
 605             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 606
 607
 608             <td class="sig">
 609                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
 610                 <div class="fixedFont">
 611                         <span class="attributes"></span><b class="itemname">destroy</b>
 612
 613                                  ()
 614
 615
 616
 617                 </div>
 618                 <div class="mdesc">
 619
 620                    <div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.</div>
 621
 622
 623
 624                     <div class="long">
 625
 626                                 Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.
 627
 628
 629
 630
 631
 632
 633
 634
 635
 636
 637
 638
 639
 640
 641
 642
 643                     </div>
 644                 </div>
 645
 646             </td>
 647             <td class="msource">
 648
 649                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 650                 &nbsp;
 651             </td>
 652         </tr>
 653
 654
 655           <tr class="method-row config-row-alt0 expandable">
 656             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 657
 658
 659             <td class="sig">
 660                 <a id="Roo.Component-method-disable"   name=".disable"></a>
 661                 <div class="fixedFont">
 662                         <span class="attributes"></span><b class="itemname">disable</b>
 663
 664                                  ()
 665
 666
 667                                          :
 668
 669
 670                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 671
 672
 673
 674
 675
 676                 </div>
 677                 <div class="mdesc">
 678
 679                    <div class="short">Disable this component.</div>
 680
 681
 682
 683                     <div class="long">
 684
 685                                 Disable this component.
 686
 687
 688
 689
 690
 691
 692
 693
 694
 695
 696                                 <dl class="detailList">
 697                                 <dt class="heading">Returns:</dt>
 698
 699                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 700
 701                                 </dl>
 702
 703
 704
 705
 706
 707
 708
 709                     </div>
 710                 </div>
 711
 712             </td>
 713             <td class="msource">
 714
 715                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 716                 &nbsp;
 717             </td>
 718         </tr>
 719
 720
 721           <tr class="method-row config-row-alt1 expandable">
 722             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 723
 724
 725             <td class="sig">
 726                 <a id="Roo.Component-method-enable"   name=".enable"></a>
 727                 <div class="fixedFont">
 728                         <span class="attributes"></span><b class="itemname">enable</b>
 729
 730                                  ()
 731
 732
 733                                          :
 734
 735
 736                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 737
 738
 739
 740
 741
 742                 </div>
 743                 <div class="mdesc">
 744
 745                    <div class="short">Enable this component.</div>
 746
 747
 748
 749                     <div class="long">
 750
 751                                 Enable this component.
 752
 753
 754
 755
 756
 757
 758
 759
 760
 761
 762                                 <dl class="detailList">
 763                                 <dt class="heading">Returns:</dt>
 764
 765                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 766
 767                                 </dl>
 768
 769
 770
 771
 772
 773
 774
 775                     </div>
 776                 </div>
 777
 778             </td>
 779             <td class="msource">
 780
 781                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 782                 &nbsp;
 783             </td>
 784         </tr>
 785
 786
 787           <tr class="method-row config-row-alt0 expandable">
 788             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 789
 790
 791             <td class="sig">
 792                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
 793                 <div class="fixedFont">
 794                         <span class="attributes"></span><b class="itemname">fireEvent</b>
 795
 796                                  (<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>)
 797
 798
 799                                          :
 800
 801
 802                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 803
 804
 805
 806
 807
 808                 </div>
 809                 <div class="mdesc">
 810
 811                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
 812
 813
 814
 815                     <div class="long">
 816
 817                                 Fires the specified event with the passed parameters (minus the event name).
 818
 819
 820
 821
 822
 823
 824                                 <dl class="detailList">
 825                                 <dt class="heading">Parameters:</dt>
 826
 827                                         <dt>
 828                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 829
 830                                         </dt>
 831                                         <dd></dd>
 832
 833                                         <dt>
 834                                                 <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>
 835
 836                                         </dt>
 837                                         <dd>Variable number of parameters are passed to handlers</dd>
 838
 839                                 </dl>
 840
 841
 842
 843
 844
 845                                 <dl class="detailList">
 846                                 <dt class="heading">Returns:</dt>
 847
 848                                         <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>
 849
 850                                 </dl>
 851
 852
 853
 854
 855
 856
 857
 858                     </div>
 859                 </div>
 860
 861             </td>
 862             <td class="msource">
 863
 864                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 865                 &nbsp;
 866             </td>
 867         </tr>
 868
 869
 870           <tr class="method-row config-row-alt1 expandable">
 871             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 872
 873
 874             <td class="sig">
 875                 <a id="Roo.Component-method-focus"   name=".focus"></a>
 876                 <div class="fixedFont">
 877                         <span class="attributes"></span><b class="itemname">focus</b>
 878
 879                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
 880
 881
 882                                          :
 883
 884
 885                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 886
 887
 888
 889
 890
 891                 </div>
 892                 <div class="mdesc">
 893
 894                    <div class="short">Try to focus this component.</div>
 895
 896
 897
 898                     <div class="long">
 899
 900                                 Try to focus this component.
 901
 902
 903
 904
 905
 906
 907                                 <dl class="detailList">
 908                                 <dt class="heading">Parameters:</dt>
 909
 910                                         <dt>
 911                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>selectText</b>
 912
 913                                         </dt>
 914                                         <dd>True to also select the text in this component (if applicable)</dd>
 915
 916                                 </dl>
 917
 918
 919
 920
 921
 922                                 <dl class="detailList">
 923                                 <dt class="heading">Returns:</dt>
 924
 925                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 926
 927                                 </dl>
 928
 929
 930
 931
 932
 933
 934
 935                     </div>
 936                 </div>
 937
 938             </td>
 939             <td class="msource">
 940
 941                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 942                 &nbsp;
 943             </td>
 944         </tr>
 945
 946
 947           <tr class="method-row config-row-alt0 expandable">
 948             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 949
 950
 951             <td class="sig">
 952                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
 953                 <div class="fixedFont">
 954                         <span class="attributes"></span><b class="itemname">getEl</b>
 955
 956                                  ()
 957
 958
 959                                          :
 960
 961
 962                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 963
 964
 965
 966
 967
 968                 </div>
 969                 <div class="mdesc">
 970
 971                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
 972
 973
 974
 975                     <div class="long">
 976
 977                                 Returns the underlying {<b>link</b> Roo.Element}.
 978
 979
 980
 981
 982
 983
 984
 985
 986
 987
 988                                 <dl class="detailList">
 989                                 <dt class="heading">Returns:</dt>
 990
 991                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
 992
 993                                 </dl>
 994
 995
 996
 997
 998
 999
1000
1001                     </div>
1002                 </div>
1003
1004             </td>
1005             <td class="msource">
1006
1007                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1008                 &nbsp;
1009             </td>
1010         </tr>
1011
1012
1013           <tr class="method-row config-row-alt1 expandable">
1014             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1015
1016
1017             <td class="sig">
1018                 <a id="Roo.Component-method-getId"   name=".getId"></a>
1019                 <div class="fixedFont">
1020                         <span class="attributes"></span><b class="itemname">getId</b>
1021
1022                                  ()
1023
1024
1025                                          :
1026
1027
1028                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1029
1030
1031
1032
1033
1034                 </div>
1035                 <div class="mdesc">
1036
1037                    <div class="short">Returns the id of this component.</div>
1038
1039
1040
1041                     <div class="long">
1042
1043                                 Returns the id of this component.
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054                                 <dl class="detailList">
1055                                 <dt class="heading">Returns:</dt>
1056
1057                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
1058
1059                                 </dl>
1060
1061
1062
1063
1064
1065
1066
1067                     </div>
1068                 </div>
1069
1070             </td>
1071             <td class="msource">
1072
1073                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1074                 &nbsp;
1075             </td>
1076         </tr>
1077
1078
1079           <tr class="method-row config-row-alt0 expandable">
1080             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1081
1082
1083             <td class="sig">
1084                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1085                 <div class="fixedFont">
1086                         <span class="attributes"></span><b class="itemname">hasListener</b>
1087
1088                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1089
1090
1091                                          :
1092
1093
1094                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1095
1096
1097
1098
1099
1100                 </div>
1101                 <div class="mdesc">
1102
1103                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
1104
1105
1106
1107                     <div class="long">
1108
1109                                 Checks to see if this object has any listeners for a specified event
1110
1111
1112
1113
1114
1115
1116                                 <dl class="detailList">
1117                                 <dt class="heading">Parameters:</dt>
1118
1119                                         <dt>
1120                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1121
1122                                         </dt>
1123                                         <dd>The name of the event to check for</dd>
1124
1125                                 </dl>
1126
1127
1128
1129
1130
1131                                 <dl class="detailList">
1132                                 <dt class="heading">Returns:</dt>
1133
1134                                         <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>
1135
1136                                 </dl>
1137
1138
1139
1140
1141
1142
1143
1144                     </div>
1145                 </div>
1146
1147             </td>
1148             <td class="msource">
1149
1150                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1151                 &nbsp;
1152             </td>
1153         </tr>
1154
1155
1156           <tr class="method-row config-row-alt1 expandable">
1157             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1158
1159
1160             <td class="sig">
1161                 <a id="Roo.Component-method-hide"   name=".hide"></a>
1162                 <div class="fixedFont">
1163                         <span class="attributes"></span><b class="itemname">hide</b>
1164
1165                                  ()
1166
1167
1168                                          :
1169
1170
1171                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1172
1173
1174
1175
1176
1177                 </div>
1178                 <div class="mdesc">
1179
1180                    <div class="short">Hide this component.</div>
1181
1182
1183
1184                     <div class="long">
1185
1186                                 Hide this component.
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197                                 <dl class="detailList">
1198                                 <dt class="heading">Returns:</dt>
1199
1200                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1201
1202                                 </dl>
1203
1204
1205
1206
1207
1208
1209
1210                     </div>
1211                 </div>
1212
1213             </td>
1214             <td class="msource">
1215
1216                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1217                 &nbsp;
1218             </td>
1219         </tr>
1220
1221
1222           <tr class="method-row config-row-alt0 expandable">
1223             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1224
1225
1226             <td class="sig">
1227                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
1228                 <div class="fixedFont">
1229                         <span class="attributes"></span><b class="itemname">isVisible</b>
1230
1231                                  ()
1232
1233
1234
1235                 </div>
1236                 <div class="mdesc">
1237
1238                    <div class="short">Returns true if this component is visible.</div>
1239
1240
1241
1242                     <div class="long">
1243
1244                                 Returns true if this component is visible.
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261                     </div>
1262                 </div>
1263
1264             </td>
1265             <td class="msource">
1266
1267                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1268                 &nbsp;
1269             </td>
1270         </tr>
1271
1272
1273           <tr class="method-row config-row-alt1 expandable">
1274             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1275
1276
1277             <td class="sig">
1278                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1279                 <div class="fixedFont">
1280                         <span class="attributes"></span><b class="itemname">on</b>
1281
1282                                  (<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>)
1283
1284
1285
1286                 </div>
1287                 <div class="mdesc">
1288
1289                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1290
1291
1292
1293                     <div class="long">
1294
1295                                 Appends an event handler to this element (shorthand for addListener)
1296
1297
1298
1299
1300
1301
1302                                 <dl class="detailList">
1303                                 <dt class="heading">Parameters:</dt>
1304
1305                                         <dt>
1306                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1307
1308                                         </dt>
1309                                         <dd>The type of event to listen for</dd>
1310
1311                                         <dt>
1312                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1313
1314                                         </dt>
1315                                         <dd>The method the event invokes</dd>
1316
1317                                         <dt>
1318                                                 <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>
1319
1320                                         </dt>
1321                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1322
1323                                         <dt>
1324                                                 <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>
1325
1326                                         </dt>
1327                                         <dd>(optional)</dd>
1328
1329                                 </dl>
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341                     </div>
1342                 </div>
1343
1344             </td>
1345             <td class="msource">
1346
1347                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1348                 &nbsp;
1349             </td>
1350         </tr>
1351
1352
1353           <tr class="method-row config-row-alt0 expandable">
1354             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1355
1356
1357             <td class="sig">
1358                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1359                 <div class="fixedFont">
1360                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1361
1362                                  ()
1363
1364
1365
1366                 </div>
1367                 <div class="mdesc">
1368
1369                    <div class="short">Removes all listeners for this object</div>
1370
1371
1372
1373                     <div class="long">
1374
1375                                 Removes all listeners for this object
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392                     </div>
1393                 </div>
1394
1395             </td>
1396             <td class="msource">
1397
1398                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1399                 &nbsp;
1400             </td>
1401         </tr>
1402
1403
1404           <tr class="method-row config-row-alt1 expandable">
1405             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1406
1407
1408             <td class="sig">
1409                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1410                 <div class="fixedFont">
1411                         <span class="attributes"></span><b class="itemname">removeListener</b>
1412
1413                                  (<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>)
1414
1415
1416
1417                 </div>
1418                 <div class="mdesc">
1419
1420                    <div class="short">Removes a listener</div>
1421
1422
1423
1424                     <div class="long">
1425
1426                                 Removes a listener
1427
1428
1429
1430
1431
1432
1433                                 <dl class="detailList">
1434                                 <dt class="heading">Parameters:</dt>
1435
1436                                         <dt>
1437                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1438
1439                                         </dt>
1440                                         <dd>The type of event to listen for</dd>
1441
1442                                         <dt>
1443                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1444
1445                                         </dt>
1446                                         <dd>The handler to remove</dd>
1447
1448                                         <dt>
1449                                                 <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>
1450
1451                                         </dt>
1452                                         <dd>(optional) The scope (this object) for the handler</dd>
1453
1454                                 </dl>
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466                     </div>
1467                 </div>
1468
1469             </td>
1470             <td class="msource">
1471
1472                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1473                 &nbsp;
1474             </td>
1475         </tr>
1476
1477
1478           <tr class="method-row config-row-alt0 expandable">
1479             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1480
1481
1482             <td class="sig">
1483                 <a id="Roo.Component-method-render"   name=".render"></a>
1484                 <div class="fixedFont">
1485                         <span class="attributes"></span><b class="itemname">render</b>
1486
1487                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
1488
1489
1490
1491                 </div>
1492                 <div class="mdesc">
1493
1494                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
1495
1496
1497
1498                     <div class="long">
1499
1500                                 If this is a lazy rendering component, render it to its container element.
1501
1502
1503
1504
1505
1506
1507                                 <dl class="detailList">
1508                                 <dt class="heading">Parameters:</dt>
1509
1510                                         <dt>
1511                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
1512
1513                                         </dt>
1514                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
1515
1516                                 </dl>
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528                     </div>
1529                 </div>
1530
1531             </td>
1532             <td class="msource">
1533
1534                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1535                 &nbsp;
1536             </td>
1537         </tr>
1538
1539
1540           <tr class="method-row config-row-alt1 expandable">
1541             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1542
1543
1544             <td class="sig">
1545                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
1546                 <div class="fixedFont">
1547                         <span class="attributes"></span><b class="itemname">setDisabled</b>
1548
1549                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
1550
1551
1552
1553                 </div>
1554                 <div class="mdesc">
1555
1556                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
1557
1558
1559
1560                     <div class="long">
1561
1562                                 Convenience function for setting disabled/enabled by boolean.
1563
1564
1565
1566
1567
1568
1569                                 <dl class="detailList">
1570                                 <dt class="heading">Parameters:</dt>
1571
1572                                         <dt>
1573                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>disabled</b>
1574
1575                                         </dt>
1576                                         <dd></dd>
1577
1578                                 </dl>
1579
1580
1581
1582
1583
1584
1585
1586
1587
1588
1589
1590                     </div>
1591                 </div>
1592
1593             </td>
1594             <td class="msource">
1595
1596                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1597                 &nbsp;
1598             </td>
1599         </tr>
1600
1601
1602           <tr class="method-row config-row-alt0 expandable">
1603             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1604
1605
1606             <td class="sig">
1607                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
1608                 <div class="fixedFont">
1609                         <span class="attributes"></span><b class="itemname">setVisible</b>
1610
1611                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
1612
1613
1614                                          :
1615
1616
1617                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1618
1619
1620
1621
1622
1623                 </div>
1624                 <div class="mdesc">
1625
1626                    <div class="short">Convenience function to hide or show this component by boolean.</div>
1627
1628
1629
1630                     <div class="long">
1631
1632                                 Convenience function to hide or show this component by boolean.
1633
1634
1635
1636
1637
1638
1639                                 <dl class="detailList">
1640                                 <dt class="heading">Parameters:</dt>
1641
1642                                         <dt>
1643                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>visible</b>
1644
1645                                         </dt>
1646                                         <dd>True to show, false to hide</dd>
1647
1648                                 </dl>
1649
1650
1651
1652
1653
1654                                 <dl class="detailList">
1655                                 <dt class="heading">Returns:</dt>
1656
1657                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1658
1659                                 </dl>
1660
1661
1662
1663
1664
1665
1666
1667                     </div>
1668                 </div>
1669
1670             </td>
1671             <td class="msource">
1672
1673                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1674                 &nbsp;
1675             </td>
1676         </tr>
1677
1678
1679           <tr class="method-row config-row-alt1 expandable">
1680             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1681
1682
1683             <td class="sig">
1684                 <a id="Roo.Component-method-show"   name=".show"></a>
1685                 <div class="fixedFont">
1686                         <span class="attributes"></span><b class="itemname">show</b>
1687
1688                                  ()
1689
1690
1691                                          :
1692
1693
1694                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1695
1696
1697
1698
1699
1700                 </div>
1701                 <div class="mdesc">
1702
1703                    <div class="short">Show this component.</div>
1704
1705
1706
1707                     <div class="long">
1708
1709                                 Show this component.
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720                                 <dl class="detailList">
1721                                 <dt class="heading">Returns:</dt>
1722
1723                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1724
1725                                 </dl>
1726
1727
1728
1729
1730
1731
1732
1733                     </div>
1734                 </div>
1735
1736             </td>
1737             <td class="msource">
1738
1739                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1740                 &nbsp;
1741             </td>
1742         </tr>
1743
1744
1745           <tr class="method-row config-row-alt0 expandable">
1746             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1747
1748
1749             <td class="sig">
1750                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
1751                 <div class="fixedFont">
1752                         <span class="attributes"></span><b class="itemname">un</b>
1753
1754                                  (<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>)
1755
1756
1757
1758                 </div>
1759                 <div class="mdesc">
1760
1761                    <div class="short">Removes a listener (shorthand for removeListener)</div>
1762
1763
1764
1765                     <div class="long">
1766
1767                                 Removes a listener (shorthand for removeListener)
1768
1769
1770
1771
1772
1773
1774                                 <dl class="detailList">
1775                                 <dt class="heading">Parameters:</dt>
1776
1777                                         <dt>
1778                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1779
1780                                         </dt>
1781                                         <dd>The type of event to listen for</dd>
1782
1783                                         <dt>
1784                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1785
1786                                         </dt>
1787                                         <dd>The handler to remove</dd>
1788
1789                                         <dt>
1790                                                 <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>
1791
1792                                         </dt>
1793                                         <dd>(optional) The scope (this object) for the handler</dd>
1794
1795                                 </dl>
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806
1807                     </div>
1808                 </div>
1809
1810             </td>
1811             <td class="msource">
1812
1813                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1814                 &nbsp;
1815             </td>
1816         </tr>
1817
1818
1819     </table>
1820
1821
1822   <!-- ============================== events summary / details ======================== -->
1823
1824
1825   <a id="Roo.bootstrap.Component-events"></a>
1826
1827
1828
1829
1830
1831
1832
1833
1834       <table cellspacing="0" class="member-table">
1835                 <caption>Events</caption>
1836               <thead>
1837                 <tr>
1838                     <th class="sig-header" colspan="2">Event</th>
1839                     <th class="msource-header">Defined By</th>
1840
1841                 </tr>
1842               </thead>
1843
1844
1845
1846
1847
1848           <tr class="method-row expandable config-row-alt0">
1849             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1850
1851             <td class="sig">
1852                 <a id="Roo.Component-event-*beforedestroy"></a>
1853
1854                <div class="fixedFont">
1855                 <b class="itemname">beforedestroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
1856
1857                 </div>
1858
1859                 <div class="mdesc">
1860
1861                    <div class="short">Fires before the component is destroyed.
1862
1863                 </div>
1864
1865                     <div class="long">
1866
1867                         Fires before the component is destroyed. Return false to stop the destroy.
1868
1869
1870
1871
1872
1873                                 <dl class="detailList">
1874                                 <dt class="heading">Parameters:</dt>
1875
1876                                         <dt>
1877                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
1878
1879                                         </dt>
1880                                         <dd></dd>
1881
1882                                 </dl>
1883
1884
1885
1886
1887
1888
1889
1890
1891
1892
1893
1894                     </div>
1895                 </div>
1896
1897             </td>
1898             <td class="msource">
1899                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1900             </td>
1901         </tr>
1902
1903           <tr class="method-row expandable config-row-alt1">
1904             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1905
1906             <td class="sig">
1907                 <a id="Roo.Component-event-*beforehide"></a>
1908
1909                <div class="fixedFont">
1910                 <b class="itemname">beforehide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
1911
1912                 </div>
1913
1914                 <div class="mdesc">
1915
1916                    <div class="short">Fires before the component is hidden.
1917
1918                 </div>
1919
1920                     <div class="long">
1921
1922                         Fires before the component is hidden. Return false to stop the hide.
1923
1924
1925
1926
1927
1928                                 <dl class="detailList">
1929                                 <dt class="heading">Parameters:</dt>
1930
1931                                         <dt>
1932                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
1933
1934                                         </dt>
1935                                         <dd></dd>
1936
1937                                 </dl>
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949                     </div>
1950                 </div>
1951
1952             </td>
1953             <td class="msource">
1954                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1955             </td>
1956         </tr>
1957
1958           <tr class="method-row expandable config-row-alt0">
1959             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1960
1961             <td class="sig">
1962                 <a id="Roo.Component-event-*beforerender"></a>
1963
1964                <div class="fixedFont">
1965                 <b class="itemname">beforerender</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
1966
1967                 </div>
1968
1969                 <div class="mdesc">
1970
1971                    <div class="short">Fires before the component is rendered.
1972
1973                 </div>
1974
1975                     <div class="long">
1976
1977                         Fires before the component is rendered. Return false to stop the render.
1978
1979
1980
1981
1982
1983                                 <dl class="detailList">
1984                                 <dt class="heading">Parameters:</dt>
1985
1986                                         <dt>
1987                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
1988
1989                                         </dt>
1990                                         <dd></dd>
1991
1992                                 </dl>
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004                     </div>
2005                 </div>
2006
2007             </td>
2008             <td class="msource">
2009                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2010             </td>
2011         </tr>
2012
2013           <tr class="method-row expandable config-row-alt1">
2014             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2015
2016             <td class="sig">
2017                 <a id="Roo.Component-event-*beforeshow"></a>
2018
2019                <div class="fixedFont">
2020                 <b class="itemname">beforeshow</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2021
2022                 </div>
2023
2024                 <div class="mdesc">
2025
2026                    <div class="short">Fires before the component is shown.
2027
2028                 </div>
2029
2030                     <div class="long">
2031
2032                         Fires before the component is shown.  Return false to stop the show.
2033
2034
2035
2036
2037
2038                                 <dl class="detailList">
2039                                 <dt class="heading">Parameters:</dt>
2040
2041                                         <dt>
2042                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2043
2044                                         </dt>
2045                                         <dd></dd>
2046
2047                                 </dl>
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058
2059                     </div>
2060                 </div>
2061
2062             </td>
2063             <td class="msource">
2064                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2065             </td>
2066         </tr>
2067
2068           <tr class="method-row expandable config-row-alt0">
2069             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2070
2071             <td class="sig">
2072                 <a id="Roo.Component-event-*destroy"></a>
2073
2074                <div class="fixedFont">
2075                 <b class="itemname">destroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2076
2077                 </div>
2078
2079                 <div class="mdesc">
2080
2081                    <div class="short">Fires after the component is destroyed.
2082
2083                 </div>
2084
2085                     <div class="long">
2086
2087                         Fires after the component is destroyed.
2088
2089
2090
2091
2092
2093                                 <dl class="detailList">
2094                                 <dt class="heading">Parameters:</dt>
2095
2096                                         <dt>
2097                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2098
2099                                         </dt>
2100                                         <dd></dd>
2101
2102                                 </dl>
2103
2104
2105
2106
2107
2108
2109
2110
2111
2112
2113
2114                     </div>
2115                 </div>
2116
2117             </td>
2118             <td class="msource">
2119                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2120             </td>
2121         </tr>
2122
2123           <tr class="method-row expandable config-row-alt1">
2124             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2125
2126             <td class="sig">
2127                 <a id="Roo.Component-event-*disable"></a>
2128
2129                <div class="fixedFont">
2130                 <b class="itemname">disable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2131
2132                 </div>
2133
2134                 <div class="mdesc">
2135
2136                    <div class="short">Fires after the component is disabled.
2137
2138                 </div>
2139
2140                     <div class="long">
2141
2142                         Fires after the component is disabled.
2143
2144
2145
2146
2147
2148                                 <dl class="detailList">
2149                                 <dt class="heading">Parameters:</dt>
2150
2151                                         <dt>
2152                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2153
2154                                         </dt>
2155                                         <dd></dd>
2156
2157                                 </dl>
2158
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168
2169                     </div>
2170                 </div>
2171
2172             </td>
2173             <td class="msource">
2174                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2175             </td>
2176         </tr>
2177
2178           <tr class="method-row expandable config-row-alt0">
2179             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2180
2181             <td class="sig">
2182                 <a id="Roo.Component-event-*enable"></a>
2183
2184                <div class="fixedFont">
2185                 <b class="itemname">enable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2186
2187                 </div>
2188
2189                 <div class="mdesc">
2190
2191                    <div class="short">Fires after the component is enabled.
2192
2193                 </div>
2194
2195                     <div class="long">
2196
2197                         Fires after the component is enabled.
2198
2199
2200
2201
2202
2203                                 <dl class="detailList">
2204                                 <dt class="heading">Parameters:</dt>
2205
2206                                         <dt>
2207                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2208
2209                                         </dt>
2210                                         <dd></dd>
2211
2212                                 </dl>
2213
2214
2215
2216
2217
2218
2219
2220
2221
2222
2223
2224                     </div>
2225                 </div>
2226
2227             </td>
2228             <td class="msource">
2229                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2230             </td>
2231         </tr>
2232
2233           <tr class="method-row expandable config-row-alt1">
2234             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2235
2236             <td class="sig">
2237                 <a id="Roo.Component-event-*hide"></a>
2238
2239                <div class="fixedFont">
2240                 <b class="itemname">hide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2241
2242                 </div>
2243
2244                 <div class="mdesc">
2245
2246                    <div class="short">Fires after the component is hidden.
2247
2248                 </div>
2249
2250                     <div class="long">
2251
2252                         Fires after the component is hidden.
2253
2254
2255
2256
2257
2258                                 <dl class="detailList">
2259                                 <dt class="heading">Parameters:</dt>
2260
2261                                         <dt>
2262                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2263
2264                                         </dt>
2265                                         <dd></dd>
2266
2267                                 </dl>
2268
2269
2270
2271
2272
2273
2274
2275
2276
2277
2278
2279                     </div>
2280                 </div>
2281
2282             </td>
2283             <td class="msource">
2284                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2285             </td>
2286         </tr>
2287
2288           <tr class="method-row expandable config-row-alt0">
2289             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2290
2291             <td class="sig">
2292                 <a id="Roo.Component-event-*render"></a>
2293
2294                <div class="fixedFont">
2295                 <b class="itemname">render</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2296
2297                 </div>
2298
2299                 <div class="mdesc">
2300
2301                    <div class="short">Fires after the component is rendered.
2302
2303                 </div>
2304
2305                     <div class="long">
2306
2307                         Fires after the component is rendered.
2308
2309
2310
2311
2312
2313                                 <dl class="detailList">
2314                                 <dt class="heading">Parameters:</dt>
2315
2316                                         <dt>
2317                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2318
2319                                         </dt>
2320                                         <dd></dd>
2321
2322                                 </dl>
2323
2324
2325
2326
2327
2328
2329
2330
2331
2332
2333
2334                     </div>
2335                 </div>
2336
2337             </td>
2338             <td class="msource">
2339                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2340             </td>
2341         </tr>
2342
2343           <tr class="method-row expandable config-row-alt1">
2344             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2345
2346             <td class="sig">
2347                 <a id="Roo.Component-event-*show"></a>
2348
2349                <div class="fixedFont">
2350                 <b class="itemname">show</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2351
2352                 </div>
2353
2354                 <div class="mdesc">
2355
2356                    <div class="short">Fires after the component is shown.
2357
2358                 </div>
2359
2360                     <div class="long">
2361
2362                         Fires after the component is shown.
2363
2364
2365
2366
2367
2368                                 <dl class="detailList">
2369                                 <dt class="heading">Parameters:</dt>
2370
2371                                         <dt>
2372                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2373
2374                                         </dt>
2375                                         <dd></dd>
2376
2377                                 </dl>
2378
2379
2380
2381
2382
2383
2384
2385
2386
2387
2388
2389                     </div>
2390                 </div>
2391
2392             </td>
2393             <td class="msource">
2394                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2395             </td>
2396         </tr>
2397
2398
2399     </table>
2400
2401
2402
2403
2404
2405 <!-- ============================== footer ================================= -->
2406                 <div class="fineprint" style="clear:both">
2407
2408                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Jan 30 2014 16:05:52 GMT+0800 (HKT)
2409                         Based on
2410                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
2411                 </div>
2412         </body>
2413 </html>