git.roojs.org Git - roojs1/blob - docs/symbols/Roo.SplitBar.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.SplitBar</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.SplitBar-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.SplitBar-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.SplitBar-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.SplitBar-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
  38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
  39         -->
  40     </div>
  41
  42
  43 <!-- ============================== inheritance Block. ================================= -->
  44
  45                 <div class="inheritance res-block">
  46                    <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  47 <img src="../../images/default/s.gif" height="1"  width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.SplitBar
  48
  49                    </pre>
  50                 </div>
  51
  52 <!-- ============================== class title / details ============================ -->
  53
  54
  55     <h1 class="classTitle">
  56
  57                                 Class Roo.SplitBar
  58                         </h1>
  59
  60     <table cellspacing="0" class="class-summary-table">
  61
  62                 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
  63
  64         <tr><td class="label">Defined In:</td><td class="hd-info">
  65
  66                                         <a href="./src/Roo_SplitBar.js.html">Roo/SplitBar.js</a>.
  67
  68         </td></tr>
  69         <tr><td class="label">Class:</td><td class="hd-info">SplitBar</td></tr>
  70
  71
  72
  73
  74                 <tr><td class="label">Extends:</td><td class="hd-info">
  75                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  76
  77                 </td></tr>
  78
  79
  80     </table>
  81
  82
  83 <!-- ============================== class summary ========================== -->
  84     <div class="description">
  85         Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).<br/><br><br><br/>Usage:<br/><pre><code><br/>var split = new Roo.SplitBar("elementToDrag", "elementToSize",<br/>                   Roo.SplitBar.HORIZONTAL, Roo.SplitBar.LEFT);<br/>split.setAdapter(new Roo.SplitBar.AbsoluteLayoutAdapter("container"));<br/>split.minSize = 100;<br/>split.maxSize = 600;<br/>split.animate = true;<br/>split.on('moved', splitterMoved);<br/></code></pre>
  86     </div>
  87
  88
  89 <!-- ============================== Class comment block... ========================== -->
  90
  91 <div class="comments">
  92         <b>Class Comments / Notes</B> =>
  93         <u onclick="parent.CommentDialog.showCommentId = 'Roo.SplitBar';">[Add Your comment/notes about this class]</u>
  94         <br/>
  95         <iframe frameborder="0"  id="comments-Roo" style="border: none;width:100%;"
  96                 src="/blog.php/GtkDjsComments/Roo.SplitBar.html"></iframe>
  97 </div>
  98
  99
 100
 101 <!-- ============================== config options ========================== -->
 102
 103
 104
 105
 106     <div class="hr"></div>
 107     <a id="Roo.SplitBar-configs"></a>
 108
 109
 110
 111
 112
 113       <table cellspacing="0" class="member-table">
 114       <caption>Config Options (Usually are also Properties)</caption>
 115
 116
 117         <tr>
 118             <th class="sig-header" colspan="2">Options</th>
 119
 120             <th class="msource-header">Defined By</th>
 121         </tr>
 122
 123
 124
 125
 126
 127                 <tr class="config-row expandable config-row-alt0">
 128                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 129                     <td class="sig">
 130
 131                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 132                         <div class="fixedFont">
 133                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 134
 135
 136                         </div>
 137
 138                         <div class="mdesc">
 139                             <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>
 140                         </div>
 141
 142                         <div class="mdesc">
 143                             <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>
 144                         </div>
 145
 146
 147
 148                     </td>
 149                     <td class="msource">
 150
 151                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 152
 153                     </td>
 154                 </tr>
 155
 156
 157     </table>
 158
 159
 160
 161
 162
 163
 164
 165
 166
 167   <!-- ============================== public properties ==================== -->
 168
 169
 170
 171     <a id="Roo.SplitBar-props"></a>
 172
 173
 174
 175
 176
 177
 178
 179       <table cellspacing="0" class="member-table">
 180       <caption>Public Properties </caption>
 181         <tr>
 182             <th class="sig-header" colspan="2">Property</th>
 183             <th class="sig-header">Description</th>
 184             <th class="msource-header">Defined By</th>
 185         </tr>
 186
 187
 188
 189
 190
 191
 192
 193
 194           <tr class="property-row config-row-alt0 notInherited">
 195             <td class="micon">
 196                 <a class="exi" href="#expand">&nbsp;</a>
 197             </td>
 198             <td class="sig">
 199                <a id="Roo.SplitBar-prop-BOTTOM" name=".BOTTOM"></a>
 200                <div class="fixedFont">
 201                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">BOTTOM</b> :
 202                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 203                      </div>
 204             </td>
 205             <td class="sig">
 206                 <div class="mdesc">
 207
 208
 209                    <div class="short">
 210                         Placement constant - The resizing element is positioned under splitter element
 211
 212
 213
 214                    </div>
 215
 216                     <div class="long">
 217
 218                         Placement constant - The resizing element is positioned under splitter element
 219
 220                 </div>
 221                 </div>
 222             </td>
 223
 224             <td class="msource">
 225             Roo.SplitBar
 226             </td>
 227
 228           </tr>
 229
 230
 231
 232
 233           <tr class="property-row config-row-alt1 notInherited">
 234             <td class="micon">
 235                 <a class="exi" href="#expand">&nbsp;</a>
 236             </td>
 237             <td class="sig">
 238                <a id="Roo.SplitBar-prop-HORIZONTAL" name=".HORIZONTAL"></a>
 239                <div class="fixedFont">
 240                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">HORIZONTAL</b> :
 241                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 242                      </div>
 243             </td>
 244             <td class="sig">
 245                 <div class="mdesc">
 246
 247
 248                    <div class="short">
 249                         Orientation constant - Create a horizontal SplitBar
 250
 251
 252
 253                    </div>
 254
 255                     <div class="long">
 256
 257                         Orientation constant - Create a horizontal SplitBar
 258
 259                 </div>
 260                 </div>
 261             </td>
 262
 263             <td class="msource">
 264             Roo.SplitBar
 265             </td>
 266
 267           </tr>
 268
 269
 270
 271
 272           <tr class="property-row config-row-alt0 notInherited">
 273             <td class="micon">
 274                 <a class="exi" href="#expand">&nbsp;</a>
 275             </td>
 276             <td class="sig">
 277                <a id="Roo.SplitBar-prop-LEFT" name=".LEFT"></a>
 278                <div class="fixedFont">
 279                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">LEFT</b> :
 280                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 281                      </div>
 282             </td>
 283             <td class="sig">
 284                 <div class="mdesc">
 285
 286
 287                    <div class="short">
 288                         Placement constant - The resizing element is to the left of the splitter element
 289
 290
 291
 292                    </div>
 293
 294                     <div class="long">
 295
 296                         Placement constant - The resizing element is to the left of the splitter element
 297
 298                 </div>
 299                 </div>
 300             </td>
 301
 302             <td class="msource">
 303             Roo.SplitBar
 304             </td>
 305
 306           </tr>
 307
 308
 309
 310
 311           <tr class="property-row config-row-alt1 notInherited">
 312             <td class="micon">
 313                 <a class="exi" href="#expand">&nbsp;</a>
 314             </td>
 315             <td class="sig">
 316                <a id="Roo.SplitBar-prop-RIGHT" name=".RIGHT"></a>
 317                <div class="fixedFont">
 318                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">RIGHT</b> :
 319                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 320                      </div>
 321             </td>
 322             <td class="sig">
 323                 <div class="mdesc">
 324
 325
 326                    <div class="short">
 327                         Placement constant - The resizing element is to the right of the splitter element
 328
 329
 330
 331                    </div>
 332
 333                     <div class="long">
 334
 335                         Placement constant - The resizing element is to the right of the splitter element
 336
 337                 </div>
 338                 </div>
 339             </td>
 340
 341             <td class="msource">
 342             Roo.SplitBar
 343             </td>
 344
 345           </tr>
 346
 347
 348
 349
 350           <tr class="property-row config-row-alt0 notInherited">
 351             <td class="micon">
 352                 <a class="exi" href="#expand">&nbsp;</a>
 353             </td>
 354             <td class="sig">
 355                <a id="Roo.SplitBar-prop-TOP" name=".TOP"></a>
 356                <div class="fixedFont">
 357                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">TOP</b> :
 358                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 359                      </div>
 360             </td>
 361             <td class="sig">
 362                 <div class="mdesc">
 363
 364
 365                    <div class="short">
 366                         Placement constant - The resizing element is positioned above the splitter element
 367
 368
 369
 370                    </div>
 371
 372                     <div class="long">
 373
 374                         Placement constant - The resizing element is positioned above the splitter element
 375
 376                 </div>
 377                 </div>
 378             </td>
 379
 380             <td class="msource">
 381             Roo.SplitBar
 382             </td>
 383
 384           </tr>
 385
 386
 387
 388
 389           <tr class="property-row config-row-alt1 notInherited">
 390             <td class="micon">
 391                 <a class="exi" href="#expand">&nbsp;</a>
 392             </td>
 393             <td class="sig">
 394                <a id="Roo.SplitBar-prop-VERTICAL" name=".VERTICAL"></a>
 395                <div class="fixedFont">
 396                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">VERTICAL</b> :
 397                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 398                      </div>
 399             </td>
 400             <td class="sig">
 401                 <div class="mdesc">
 402
 403
 404                    <div class="short">
 405                         Orientation constant - Create a vertical SplitBar
 406
 407
 408
 409                    </div>
 410
 411                     <div class="long">
 412
 413                         Orientation constant - Create a vertical SplitBar
 414
 415                 </div>
 416                 </div>
 417             </td>
 418
 419             <td class="msource">
 420             Roo.SplitBar
 421             </td>
 422
 423           </tr>
 424
 425
 426
 427
 428
 429         <!-- TODO: implement this alt row.  also notice non-linked "Defined by" when property is a part of this class.
 430         <tr class="property-row alt">
 431
 432         -->
 433
 434     </table>
 435
 436
 437   <!-- ============================== methods summary / details ======================== -->
 438
 439
 440   <a id="Roo.SplitBar-methods"></a>
 441         <!-- constructor?? -->
 442
 443         <!-- static's first
 444
 445
 446         -->
 447
 448         <!-- then dynamics first -->
 449
 450
 451
 452
 453
 454
 455       <table cellspacing="0" class="member-table">
 456       <caption>Public Methods</caption>
 457         <tr>
 458             <th class="sig-header" colspan="2">Method</th>
 459             <th class="msource-header">Defined By</th>
 460
 461         </tr>
 462
 463
 464
 465
 466
 467
 468
 469           <tr class="method-row config-row-alt0 expandable notInherited">
 470             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 471
 472
 473             <td class="sig">
 474                 <a id="Roo-method-SplitBar"   name=".SplitBar"></a>
 475                 <div class="fixedFont">
 476                         <span class="attributes">new <B>Roo.</B></span><b class="itemname">SplitBar</b>
 477
 478                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>dragElement</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>resizingElement</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>orientation</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>placement</i></B>)
 479
 480
 481
 482                 </div>
 483                 <div class="mdesc">
 484
 485
 486                         <div class="short">Create a new Roo.SplitBar</div>
 487
 488
 489                     <div class="long">
 490
 491
 492
 493                                 Create a new Roo.SplitBar
 494
 495
 496                                 <dl class="detailList">
 497                                 <dt class="heading">Parameters:</dt>
 498
 499                                         <dt>
 500                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>dragElement</b>
 501
 502                                         </dt>
 503                                         <dd>The element to be dragged and act as the SplitBar.</dd>
 504
 505                                         <dt>
 506                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>resizingElement</b>
 507
 508                                         </dt>
 509                                         <dd>The element to be resized based on where the SplitBar element is dragged</dd>
 510
 511                                         <dt>
 512                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>orientation</b>
 513
 514                                         </dt>
 515                                         <dd>(optional) Either Roo.SplitBar.HORIZONTAL or Roo.SplitBar.VERTICAL. (Defaults to HORIZONTAL)</dd>
 516
 517                                         <dt>
 518                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>placement</b>
 519
 520                                         </dt>
 521                                         <dd>(optional) Either Roo.SplitBar.LEFT or Roo.SplitBar.RIGHT for horizontal or  <br/>                        Roo.SplitBar.TOP or Roo.SplitBar.BOTTOM for vertical. (By default, this is determined automatically by the initial<br/>                        position of the SplitBar).</dd>
 522
 523                                 </dl>
 524
 525
 526
 527
 528
 529
 530
 531
 532
 533
 534
 535                     </div>
 536                 </div>
 537
 538             </td>
 539             <td class="msource">
 540                 &nbsp;
 541             </td>
 542         </tr>
 543
 544
 545           <tr class="method-row config-row-alt1 expandable">
 546             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 547
 548
 549             <td class="sig">
 550                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 551                 <div class="fixedFont">
 552                         <span class="attributes"></span><b class="itemname">addEvents</b>
 553
 554                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 555
 556
 557
 558                 </div>
 559                 <div class="mdesc">
 560
 561                    <div class="short">Used to define events on this Observable</div>
 562
 563
 564
 565                     <div class="long">
 566
 567                                 Used to define events on this Observable
 568
 569
 570
 571
 572
 573
 574                                 <dl class="detailList">
 575                                 <dt class="heading">Parameters:</dt>
 576
 577                                         <dt>
 578                                                 <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>
 579
 580                                         </dt>
 581                                         <dd>The object with the events defined</dd>
 582
 583                                 </dl>
 584
 585
 586
 587
 588
 589
 590
 591
 592
 593
 594
 595                     </div>
 596                 </div>
 597
 598             </td>
 599             <td class="msource">
 600
 601                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 602                 &nbsp;
 603             </td>
 604         </tr>
 605
 606
 607           <tr class="method-row config-row-alt0 expandable">
 608             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 609
 610
 611             <td class="sig">
 612                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 613                 <div class="fixedFont">
 614                         <span class="attributes"></span><b class="itemname">addListener</b>
 615
 616                                  (<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>)
 617
 618
 619
 620                 </div>
 621                 <div class="mdesc">
 622
 623                    <div class="short">Appends an event handler to this component</div>
 624
 625
 626
 627                     <div class="long">
 628
 629                                 Appends an event handler to this component
 630
 631
 632
 633
 634
 635
 636                                 <dl class="detailList">
 637                                 <dt class="heading">Parameters:</dt>
 638
 639                                         <dt>
 640                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 641
 642                                         </dt>
 643                                         <dd>The type of event to listen for</dd>
 644
 645                                         <dt>
 646                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 647
 648                                         </dt>
 649                                         <dd>The method the event invokes</dd>
 650
 651                                         <dt>
 652                                                 <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>
 653
 654                                         </dt>
 655                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 656
 657                                         <dt>
 658                                                 <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>
 659
 660                                         </dt>
 661                                         <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>
 662
 663                                 </dl>
 664
 665
 666
 667
 668
 669
 670
 671
 672
 673
 674
 675                     </div>
 676                 </div>
 677
 678             </td>
 679             <td class="msource">
 680
 681                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 682                 &nbsp;
 683             </td>
 684         </tr>
 685
 686
 687           <tr class="method-row config-row-alt1 expandable notInherited">
 688             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 689
 690
 691             <td class="sig">
 692                 <a id="Roo.SplitBar-method-destroy"   name=".destroy"></a>
 693                 <div class="fixedFont">
 694                         <span class="attributes"></span><b class="itemname">destroy</b>
 695
 696                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>removeEl</i></B>)
 697
 698
 699
 700                 </div>
 701                 <div class="mdesc">
 702
 703                    <div class="short">Destroy this splitbar.</div>
 704
 705
 706
 707                     <div class="long">
 708
 709                                 Destroy this splitbar.
 710
 711
 712
 713
 714
 715
 716                                 <dl class="detailList">
 717                                 <dt class="heading">Parameters:</dt>
 718
 719                                         <dt>
 720                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>removeEl</b>
 721
 722                                         </dt>
 723                                         <dd>True to remove the element</dd>
 724
 725                                 </dl>
 726
 727
 728
 729
 730
 731
 732
 733
 734
 735
 736
 737                     </div>
 738                 </div>
 739
 740             </td>
 741             <td class="msource">
 742
 743                         Roo.SplitBar
 744                 &nbsp;
 745             </td>
 746         </tr>
 747
 748
 749           <tr class="method-row config-row-alt0 expandable">
 750             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 751
 752
 753             <td class="sig">
 754                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
 755                 <div class="fixedFont">
 756                         <span class="attributes"></span><b class="itemname">fireEvent</b>
 757
 758                                  (<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>)
 759
 760
 761                                          :
 762
 763
 764                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 765
 766
 767
 768
 769
 770                 </div>
 771                 <div class="mdesc">
 772
 773                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
 774
 775
 776
 777                     <div class="long">
 778
 779                                 Fires the specified event with the passed parameters (minus the event name).
 780
 781
 782
 783
 784
 785
 786                                 <dl class="detailList">
 787                                 <dt class="heading">Parameters:</dt>
 788
 789                                         <dt>
 790                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 791
 792                                         </dt>
 793                                         <dd></dd>
 794
 795                                         <dt>
 796                                                 <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>
 797
 798                                         </dt>
 799                                         <dd>Variable number of parameters are passed to handlers</dd>
 800
 801                                 </dl>
 802
 803
 804
 805
 806
 807                                 <dl class="detailList">
 808                                 <dt class="heading">Returns:</dt>
 809
 810                                         <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>
 811
 812                                 </dl>
 813
 814
 815
 816
 817
 818
 819
 820                     </div>
 821                 </div>
 822
 823             </td>
 824             <td class="msource">
 825
 826                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 827                 &nbsp;
 828             </td>
 829         </tr>
 830
 831
 832           <tr class="method-row config-row-alt1 expandable notInherited">
 833             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 834
 835
 836             <td class="sig">
 837                 <a id="Roo.SplitBar-method-getAdapter"   name=".getAdapter"></a>
 838                 <div class="fixedFont">
 839                         <span class="attributes"></span><b class="itemname">getAdapter</b>
 840
 841                                  ()
 842
 843
 844                                          :
 845
 846
 847
 848
 849
 850
 851
 852
 853                 </div>
 854                 <div class="mdesc">
 855
 856                    <div class="short">Get the adapter this SplitBar uses</div>
 857
 858
 859
 860                     <div class="long">
 861
 862                                 Get the adapter this SplitBar uses
 863
 864
 865
 866
 867
 868
 869
 870
 871
 872
 873                                 <dl class="detailList">
 874                                 <dt class="heading">Returns:</dt>
 875
 876                                         <dd> The adapter object</dd>
 877
 878                                 </dl>
 879
 880
 881
 882
 883
 884
 885
 886                     </div>
 887                 </div>
 888
 889             </td>
 890             <td class="msource">
 891
 892                         Roo.SplitBar
 893                 &nbsp;
 894             </td>
 895         </tr>
 896
 897
 898           <tr class="method-row config-row-alt0 expandable notInherited">
 899             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 900
 901
 902             <td class="sig">
 903                 <a id="Roo.SplitBar-method-getMaximumSize"   name=".getMaximumSize"></a>
 904                 <div class="fixedFont">
 905                         <span class="attributes"></span><b class="itemname">getMaximumSize</b>
 906
 907                                  ()
 908
 909
 910                                          :
 911
 912
 913                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 914
 915
 916
 917
 918
 919                 </div>
 920                 <div class="mdesc">
 921
 922                    <div class="short">Gets the maximum size for the resizing element</div>
 923
 924
 925
 926                     <div class="long">
 927
 928                                 Gets the maximum size for the resizing element
 929
 930
 931
 932
 933
 934
 935
 936
 937
 938
 939                                 <dl class="detailList">
 940                                 <dt class="heading">Returns:</dt>
 941
 942                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The maximum size</dd>
 943
 944                                 </dl>
 945
 946
 947
 948
 949
 950
 951
 952                     </div>
 953                 </div>
 954
 955             </td>
 956             <td class="msource">
 957
 958                         Roo.SplitBar
 959                 &nbsp;
 960             </td>
 961         </tr>
 962
 963
 964           <tr class="method-row config-row-alt1 expandable notInherited">
 965             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 966
 967
 968             <td class="sig">
 969                 <a id="Roo.SplitBar-method-getMinimumSize"   name=".getMinimumSize"></a>
 970                 <div class="fixedFont">
 971                         <span class="attributes"></span><b class="itemname">getMinimumSize</b>
 972
 973                                  ()
 974
 975
 976                                          :
 977
 978
 979                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 980
 981
 982
 983
 984
 985                 </div>
 986                 <div class="mdesc">
 987
 988                    <div class="short">Gets the minimum size for the resizing element</div>
 989
 990
 991
 992                     <div class="long">
 993
 994                                 Gets the minimum size for the resizing element
 995
 996
 997
 998
 999
1000
1001
1002
1003
1004
1005                                 <dl class="detailList">
1006                                 <dt class="heading">Returns:</dt>
1007
1008                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The minimum size</dd>
1009
1010                                 </dl>
1011
1012
1013
1014
1015
1016
1017
1018                     </div>
1019                 </div>
1020
1021             </td>
1022             <td class="msource">
1023
1024                         Roo.SplitBar
1025                 &nbsp;
1026             </td>
1027         </tr>
1028
1029
1030           <tr class="method-row config-row-alt0 expandable">
1031             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1032
1033
1034             <td class="sig">
1035                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1036                 <div class="fixedFont">
1037                         <span class="attributes"></span><b class="itemname">hasListener</b>
1038
1039                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1040
1041
1042                                          :
1043
1044
1045                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1046
1047
1048
1049
1050
1051                 </div>
1052                 <div class="mdesc">
1053
1054                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
1055
1056
1057
1058                     <div class="long">
1059
1060                                 Checks to see if this object has any listeners for a specified event
1061
1062
1063
1064
1065
1066
1067                                 <dl class="detailList">
1068                                 <dt class="heading">Parameters:</dt>
1069
1070                                         <dt>
1071                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1072
1073                                         </dt>
1074                                         <dd>The name of the event to check for</dd>
1075
1076                                 </dl>
1077
1078
1079
1080
1081
1082                                 <dl class="detailList">
1083                                 <dt class="heading">Returns:</dt>
1084
1085                                         <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>
1086
1087                                 </dl>
1088
1089
1090
1091
1092
1093
1094
1095                     </div>
1096                 </div>
1097
1098             </td>
1099             <td class="msource">
1100
1101                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1102                 &nbsp;
1103             </td>
1104         </tr>
1105
1106
1107           <tr class="method-row config-row-alt1 expandable">
1108             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1109
1110
1111             <td class="sig">
1112                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1113                 <div class="fixedFont">
1114                         <span class="attributes"></span><b class="itemname">on</b>
1115
1116                                  (<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>)
1117
1118
1119
1120                 </div>
1121                 <div class="mdesc">
1122
1123                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1124
1125
1126
1127                     <div class="long">
1128
1129                                 Appends an event handler to this element (shorthand for addListener)
1130
1131
1132
1133
1134
1135
1136                                 <dl class="detailList">
1137                                 <dt class="heading">Parameters:</dt>
1138
1139                                         <dt>
1140                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1141
1142                                         </dt>
1143                                         <dd>The type of event to listen for</dd>
1144
1145                                         <dt>
1146                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1147
1148                                         </dt>
1149                                         <dd>The method the event invokes</dd>
1150
1151                                         <dt>
1152                                                 <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>
1153
1154                                         </dt>
1155                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1156
1157                                         <dt>
1158                                                 <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>
1159
1160                                         </dt>
1161                                         <dd>(optional)</dd>
1162
1163                                 </dl>
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175                     </div>
1176                 </div>
1177
1178             </td>
1179             <td class="msource">
1180
1181                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1182                 &nbsp;
1183             </td>
1184         </tr>
1185
1186
1187           <tr class="method-row config-row-alt0 expandable">
1188             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1189
1190
1191             <td class="sig">
1192                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1193                 <div class="fixedFont">
1194                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1195
1196                                  ()
1197
1198
1199
1200                 </div>
1201                 <div class="mdesc">
1202
1203                    <div class="short">Removes all listeners for this object</div>
1204
1205
1206
1207                     <div class="long">
1208
1209                                 Removes all listeners for this object
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226                     </div>
1227                 </div>
1228
1229             </td>
1230             <td class="msource">
1231
1232                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1233                 &nbsp;
1234             </td>
1235         </tr>
1236
1237
1238           <tr class="method-row config-row-alt1 expandable">
1239             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1240
1241
1242             <td class="sig">
1243                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1244                 <div class="fixedFont">
1245                         <span class="attributes"></span><b class="itemname">removeListener</b>
1246
1247                                  (<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>)
1248
1249
1250
1251                 </div>
1252                 <div class="mdesc">
1253
1254                    <div class="short">Removes a listener</div>
1255
1256
1257
1258                     <div class="long">
1259
1260                                 Removes a listener
1261
1262
1263
1264
1265
1266
1267                                 <dl class="detailList">
1268                                 <dt class="heading">Parameters:</dt>
1269
1270                                         <dt>
1271                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1272
1273                                         </dt>
1274                                         <dd>The type of event to listen for</dd>
1275
1276                                         <dt>
1277                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1278
1279                                         </dt>
1280                                         <dd>The handler to remove</dd>
1281
1282                                         <dt>
1283                                                 <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>
1284
1285                                         </dt>
1286                                         <dd>(optional) The scope (this object) for the handler</dd>
1287
1288                                 </dl>
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300                     </div>
1301                 </div>
1302
1303             </td>
1304             <td class="msource">
1305
1306                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1307                 &nbsp;
1308             </td>
1309         </tr>
1310
1311
1312           <tr class="method-row config-row-alt0 expandable notInherited">
1313             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1314
1315
1316             <td class="sig">
1317                 <a id="Roo.SplitBar-method-setAdapter"   name=".setAdapter"></a>
1318                 <div class="fixedFont">
1319                         <span class="attributes"></span><b class="itemname">setAdapter</b>
1320
1321                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>adapter</i></B>)
1322
1323
1324
1325                 </div>
1326                 <div class="mdesc">
1327
1328                    <div class="short">Set the adapter this SplitBar uses</div>
1329
1330
1331
1332                     <div class="long">
1333
1334                                 Set the adapter this SplitBar uses
1335
1336
1337
1338
1339
1340
1341                                 <dl class="detailList">
1342                                 <dt class="heading">Parameters:</dt>
1343
1344                                         <dt>
1345                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>adapter</b>
1346
1347                                         </dt>
1348                                         <dd>A SplitBar adapter object</dd>
1349
1350                                 </dl>
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362                     </div>
1363                 </div>
1364
1365             </td>
1366             <td class="msource">
1367
1368                         Roo.SplitBar
1369                 &nbsp;
1370             </td>
1371         </tr>
1372
1373
1374           <tr class="method-row config-row-alt1 expandable notInherited">
1375             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1376
1377
1378             <td class="sig">
1379                 <a id="Roo.SplitBar-method-setCurrentSize"   name=".setCurrentSize"></a>
1380                 <div class="fixedFont">
1381                         <span class="attributes"></span><b class="itemname">setCurrentSize</b>
1382
1383                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>size</i></B>)
1384
1385
1386
1387                 </div>
1388                 <div class="mdesc">
1389
1390                    <div class="short">Sets the initialize size for the resizing element</div>
1391
1392
1393
1394                     <div class="long">
1395
1396                                 Sets the initialize size for the resizing element
1397
1398
1399
1400
1401
1402
1403                                 <dl class="detailList">
1404                                 <dt class="heading">Parameters:</dt>
1405
1406                                         <dt>
1407                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>size</b>
1408
1409                                         </dt>
1410                                         <dd>The initial size</dd>
1411
1412                                 </dl>
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424                     </div>
1425                 </div>
1426
1427             </td>
1428             <td class="msource">
1429
1430                         Roo.SplitBar
1431                 &nbsp;
1432             </td>
1433         </tr>
1434
1435
1436           <tr class="method-row config-row-alt0 expandable notInherited">
1437             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1438
1439
1440             <td class="sig">
1441                 <a id="Roo.SplitBar-method-setMaximumSize"   name=".setMaximumSize"></a>
1442                 <div class="fixedFont">
1443                         <span class="attributes"></span><b class="itemname">setMaximumSize</b>
1444
1445                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>maxSize</i></B>)
1446
1447
1448
1449                 </div>
1450                 <div class="mdesc">
1451
1452                    <div class="short">Sets the maximum size for the resizing element</div>
1453
1454
1455
1456                     <div class="long">
1457
1458                                 Sets the maximum size for the resizing element
1459
1460
1461
1462
1463
1464
1465                                 <dl class="detailList">
1466                                 <dt class="heading">Parameters:</dt>
1467
1468                                         <dt>
1469                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>maxSize</b>
1470
1471                                         </dt>
1472                                         <dd>The maximum size</dd>
1473
1474                                 </dl>
1475
1476
1477
1478
1479
1480
1481
1482
1483
1484
1485
1486                     </div>
1487                 </div>
1488
1489             </td>
1490             <td class="msource">
1491
1492                         Roo.SplitBar
1493                 &nbsp;
1494             </td>
1495         </tr>
1496
1497
1498           <tr class="method-row config-row-alt1 expandable notInherited">
1499             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1500
1501
1502             <td class="sig">
1503                 <a id="Roo.SplitBar-method-setMinimumSize"   name=".setMinimumSize"></a>
1504                 <div class="fixedFont">
1505                         <span class="attributes"></span><b class="itemname">setMinimumSize</b>
1506
1507                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>minSize</i></B>)
1508
1509
1510
1511                 </div>
1512                 <div class="mdesc">
1513
1514                    <div class="short">Sets the minimum size for the resizing element</div>
1515
1516
1517
1518                     <div class="long">
1519
1520                                 Sets the minimum size for the resizing element
1521
1522
1523
1524
1525
1526
1527                                 <dl class="detailList">
1528                                 <dt class="heading">Parameters:</dt>
1529
1530                                         <dt>
1531                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>minSize</b>
1532
1533                                         </dt>
1534                                         <dd>The minimum size</dd>
1535
1536                                 </dl>
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548                     </div>
1549                 </div>
1550
1551             </td>
1552             <td class="msource">
1553
1554                         Roo.SplitBar
1555                 &nbsp;
1556             </td>
1557         </tr>
1558
1559
1560           <tr class="method-row config-row-alt0 expandable">
1561             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1562
1563
1564             <td class="sig">
1565                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
1566                 <div class="fixedFont">
1567                         <span class="attributes"></span><b class="itemname">un</b>
1568
1569                                  (<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>)
1570
1571
1572
1573                 </div>
1574                 <div class="mdesc">
1575
1576                    <div class="short">Removes a listener (shorthand for removeListener)</div>
1577
1578
1579
1580                     <div class="long">
1581
1582                                 Removes a listener (shorthand for removeListener)
1583
1584
1585
1586
1587
1588
1589                                 <dl class="detailList">
1590                                 <dt class="heading">Parameters:</dt>
1591
1592                                         <dt>
1593                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1594
1595                                         </dt>
1596                                         <dd>The type of event to listen for</dd>
1597
1598                                         <dt>
1599                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1600
1601                                         </dt>
1602                                         <dd>The handler to remove</dd>
1603
1604                                         <dt>
1605                                                 <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>
1606
1607                                         </dt>
1608                                         <dd>(optional) The scope (this object) for the handler</dd>
1609
1610                                 </dl>
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622                     </div>
1623                 </div>
1624
1625             </td>
1626             <td class="msource">
1627
1628                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1629                 &nbsp;
1630             </td>
1631         </tr>
1632
1633
1634     </table>
1635
1636
1637   <!-- ============================== events summary / details ======================== -->
1638
1639
1640   <a id="Roo.SplitBar-events"></a>
1641
1642
1643
1644
1645
1646
1647
1648
1649       <table cellspacing="0" class="member-table">
1650                 <caption>Events</caption>
1651               <thead>
1652                 <tr>
1653                     <th class="sig-header" colspan="2">Event</th>
1654                     <th class="msource-header">Defined By</th>
1655
1656                 </tr>
1657               </thead>
1658
1659
1660
1661
1662
1663           <tr class="method-row expandable config-row-alt0 notInherited">
1664             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1665
1666             <td class="sig">
1667                 <a id="Roo.SplitBar-event-*beforeresize"></a>
1668
1669                <div class="fixedFont">
1670                 <b class="itemname">beforeresize</b> (<a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a> <B><i>this</i></B>)
1671
1672                 </div>
1673
1674                 <div class="mdesc">
1675
1676                    <div class="short">Fires before the splitter is dragged
1677
1678                 </div>
1679
1680                     <div class="long">
1681
1682                         Fires before the splitter is dragged
1683
1684
1685
1686
1687
1688                                 <dl class="detailList">
1689                                 <dt class="heading">Parameters:</dt>
1690
1691                                         <dt>
1692                                                 <span class="fixedFont"><a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a></span> <b>this</b>
1693
1694                                         </dt>
1695                                         <dd></dd>
1696
1697                                 </dl>
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709                     </div>
1710                 </div>
1711
1712             </td>
1713             <td class="msource">
1714                 Roo.SplitBar
1715             </td>
1716         </tr>
1717
1718           <tr class="method-row expandable config-row-alt1 notInherited">
1719             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1720
1721             <td class="sig">
1722                 <a id="Roo.SplitBar-event-*moved"></a>
1723
1724                <div class="fixedFont">
1725                 <b class="itemname">moved</b> (<a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>newSize</i></B>)
1726
1727                 </div>
1728
1729                 <div class="mdesc">
1730
1731                    <div class="short">Fires when the splitter is moved
1732
1733                 </div>
1734
1735                     <div class="long">
1736
1737                         Fires when the splitter is moved
1738
1739
1740
1741
1742
1743                                 <dl class="detailList">
1744                                 <dt class="heading">Parameters:</dt>
1745
1746                                         <dt>
1747                                                 <span class="fixedFont"><a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a></span> <b>this</b>
1748
1749                                         </dt>
1750                                         <dd></dd>
1751
1752                                         <dt>
1753                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>newSize</b>
1754
1755                                         </dt>
1756                                         <dd>the new width or height</dd>
1757
1758                                 </dl>
1759
1760
1761
1762
1763
1764
1765
1766
1767
1768
1769
1770                     </div>
1771                 </div>
1772
1773             </td>
1774             <td class="msource">
1775                 Roo.SplitBar
1776             </td>
1777         </tr>
1778
1779           <tr class="method-row expandable config-row-alt0 notInherited">
1780             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1781
1782             <td class="sig">
1783                 <a id="Roo.SplitBar-event-*resize"></a>
1784
1785                <div class="fixedFont">
1786                 <b class="itemname">resize</b> (<a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>newSize</i></B>)
1787
1788                 </div>
1789
1790                 <div class="mdesc">
1791
1792                    <div class="short">Fires when the splitter is moved (alias for {<b>link</b> <b>event</b>-moved})
1793
1794                 </div>
1795
1796                     <div class="long">
1797
1798                         Fires when the splitter is moved (alias for {<b>link</b> <b>event</b>-moved})
1799
1800
1801
1802
1803
1804                                 <dl class="detailList">
1805                                 <dt class="heading">Parameters:</dt>
1806
1807                                         <dt>
1808                                                 <span class="fixedFont"><a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a></span> <b>this</b>
1809
1810                                         </dt>
1811                                         <dd></dd>
1812
1813                                         <dt>
1814                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>newSize</b>
1815
1816                                         </dt>
1817                                         <dd>the new width or height</dd>
1818
1819                                 </dl>
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831                     </div>
1832                 </div>
1833
1834             </td>
1835             <td class="msource">
1836                 Roo.SplitBar
1837             </td>
1838         </tr>
1839
1840
1841     </table>
1842
1843
1844
1845
1846
1847 <!-- ============================== footer ================================= -->
1848                 <div class="fineprint" style="clear:both">
1849
1850                         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)
1851                         Based on
1852                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
1853                 </div>
1854         </body>
1855 </html>