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