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