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