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