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