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