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      <table cellspacing="0" class="member-table">
 112       <caption class="Empty">Config Options - Has None</caption>
 113      </table>
 114
 115
 116
 117
 118
 119
 120
 121
 122
 123
 124
 125
 126   <!-- ============================== public properties ==================== -->
 127
 128
 129
 130     <a id="Roo.SplitBar-props"></a>
 131
 132
 133
 134
 135
 136
 137
 138       <table cellspacing="0" class="member-table">
 139       <caption>Public Properties </caption>
 140         <tr>
 141             <th class="sig-header" colspan="2">Property</th>
 142             <th class="sig-header">Description</th>
 143             <th class="msource-header">Defined By</th>
 144         </tr>
 145
 146
 147
 148
 149
 150
 151
 152
 153           <tr class="property-row config-row-alt0 notInherited">
 154             <td class="micon">
 155                 <a class="exi" href="#expand">&nbsp;</a>
 156             </td>
 157             <td class="sig">
 158                <a id="Roo.SplitBar-prop-BOTTOM" name=".BOTTOM"></a>
 159                <div class="fixedFont">
 160                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">BOTTOM</b> :
 161                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 162                      </div>
 163             </td>
 164             <td class="sig">
 165                 <div class="mdesc">
 166
 167
 168                    <div class="short">
 169                         Placement constant - The resizing element is positioned under splitter element
 170
 171
 172
 173                    </div>
 174
 175                     <div class="long">
 176
 177                         Placement constant - The resizing element is positioned under splitter element
 178
 179                 </div>
 180                 </div>
 181             </td>
 182
 183             <td class="msource">
 184             Roo.SplitBar
 185             </td>
 186
 187           </tr>
 188
 189
 190
 191
 192           <tr class="property-row config-row-alt1 notInherited">
 193             <td class="micon">
 194                 <a class="exi" href="#expand">&nbsp;</a>
 195             </td>
 196             <td class="sig">
 197                <a id="Roo.SplitBar-prop-HORIZONTAL" name=".HORIZONTAL"></a>
 198                <div class="fixedFont">
 199                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">HORIZONTAL</b> :
 200                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 201                      </div>
 202             </td>
 203             <td class="sig">
 204                 <div class="mdesc">
 205
 206
 207                    <div class="short">
 208                         Orientation constant - Create a horizontal SplitBar
 209
 210
 211
 212                    </div>
 213
 214                     <div class="long">
 215
 216                         Orientation constant - Create a horizontal SplitBar
 217
 218                 </div>
 219                 </div>
 220             </td>
 221
 222             <td class="msource">
 223             Roo.SplitBar
 224             </td>
 225
 226           </tr>
 227
 228
 229
 230
 231           <tr class="property-row config-row-alt0 notInherited">
 232             <td class="micon">
 233                 <a class="exi" href="#expand">&nbsp;</a>
 234             </td>
 235             <td class="sig">
 236                <a id="Roo.SplitBar-prop-LEFT" name=".LEFT"></a>
 237                <div class="fixedFont">
 238                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">LEFT</b> :
 239                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 240                      </div>
 241             </td>
 242             <td class="sig">
 243                 <div class="mdesc">
 244
 245
 246                    <div class="short">
 247                         Placement constant - The resizing element is to the left of the splitter element
 248
 249
 250
 251                    </div>
 252
 253                     <div class="long">
 254
 255                         Placement constant - The resizing element is to the left of the splitter element
 256
 257                 </div>
 258                 </div>
 259             </td>
 260
 261             <td class="msource">
 262             Roo.SplitBar
 263             </td>
 264
 265           </tr>
 266
 267
 268
 269
 270           <tr class="property-row config-row-alt1 notInherited">
 271             <td class="micon">
 272                 <a class="exi" href="#expand">&nbsp;</a>
 273             </td>
 274             <td class="sig">
 275                <a id="Roo.SplitBar-prop-RIGHT" name=".RIGHT"></a>
 276                <div class="fixedFont">
 277                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">RIGHT</b> :
 278                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 279                      </div>
 280             </td>
 281             <td class="sig">
 282                 <div class="mdesc">
 283
 284
 285                    <div class="short">
 286                         Placement constant - The resizing element is to the right of the splitter element
 287
 288
 289
 290                    </div>
 291
 292                     <div class="long">
 293
 294                         Placement constant - The resizing element is to the right of the splitter element
 295
 296                 </div>
 297                 </div>
 298             </td>
 299
 300             <td class="msource">
 301             Roo.SplitBar
 302             </td>
 303
 304           </tr>
 305
 306
 307
 308
 309           <tr class="property-row config-row-alt0 notInherited">
 310             <td class="micon">
 311                 <a class="exi" href="#expand">&nbsp;</a>
 312             </td>
 313             <td class="sig">
 314                <a id="Roo.SplitBar-prop-TOP" name=".TOP"></a>
 315                <div class="fixedFont">
 316                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">TOP</b> :
 317                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 318                      </div>
 319             </td>
 320             <td class="sig">
 321                 <div class="mdesc">
 322
 323
 324                    <div class="short">
 325                         Placement constant - The resizing element is positioned above the splitter element
 326
 327
 328
 329                    </div>
 330
 331                     <div class="long">
 332
 333                         Placement constant - The resizing element is positioned above the splitter element
 334
 335                 </div>
 336                 </div>
 337             </td>
 338
 339             <td class="msource">
 340             Roo.SplitBar
 341             </td>
 342
 343           </tr>
 344
 345
 346
 347
 348           <tr class="property-row config-row-alt1 notInherited">
 349             <td class="micon">
 350                 <a class="exi" href="#expand">&nbsp;</a>
 351             </td>
 352             <td class="sig">
 353                <a id="Roo.SplitBar-prop-VERTICAL" name=".VERTICAL"></a>
 354                <div class="fixedFont">
 355                     <span class="attributes">Roo.SplitBar.</span><b  class="itemname">VERTICAL</b> :
 356                      <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
 357                      </div>
 358             </td>
 359             <td class="sig">
 360                 <div class="mdesc">
 361
 362
 363                    <div class="short">
 364                         Orientation constant - Create a vertical SplitBar
 365
 366
 367
 368                    </div>
 369
 370                     <div class="long">
 371
 372                         Orientation constant - Create a vertical SplitBar
 373
 374                 </div>
 375                 </div>
 376             </td>
 377
 378             <td class="msource">
 379             Roo.SplitBar
 380             </td>
 381
 382           </tr>
 383
 384
 385
 386
 387
 388         <!-- TODO: implement this alt row.  also notice non-linked "Defined by" when property is a part of this class.
 389         <tr class="property-row alt">
 390
 391         -->
 392
 393     </table>
 394
 395
 396   <!-- ============================== methods summary / details ======================== -->
 397
 398
 399   <a id="Roo.SplitBar-methods"></a>
 400         <!-- constructor?? -->
 401
 402         <!-- static's first
 403
 404
 405         -->
 406
 407         <!-- then dynamics first -->
 408
 409
 410
 411
 412
 413
 414       <table cellspacing="0" class="member-table">
 415       <caption>Public Methods</caption>
 416         <tr>
 417             <th class="sig-header" colspan="2">Method</th>
 418             <th class="msource-header">Defined By</th>
 419
 420         </tr>
 421
 422
 423
 424
 425
 426
 427
 428           <tr class="method-row config-row-alt0 expandable notInherited">
 429             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 430
 431
 432             <td class="sig">
 433                 <a id="Roo-method-SplitBar"   name=".SplitBar"></a>
 434                 <div class="fixedFont">
 435                         <span class="attributes">new <B>Roo.</B></span><b class="itemname">SplitBar</b>
 436
 437                                  (<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>)
 438
 439
 440
 441                 </div>
 442                 <div class="mdesc">
 443
 444
 445                         <div class="short">Create a new Roo.SplitBar</div>
 446
 447
 448                     <div class="long">
 449
 450
 451
 452                                 Create a new Roo.SplitBar
 453
 454
 455                                 <dl class="detailList">
 456                                 <dt class="heading">Parameters:</dt>
 457
 458                                         <dt>
 459                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>dragElement</b>
 460
 461                                         </dt>
 462                                         <dd>The element to be dragged and act as the SplitBar.</dd>
 463
 464                                         <dt>
 465                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>resizingElement</b>
 466
 467                                         </dt>
 468                                         <dd>The element to be resized based on where the SplitBar element is dragged</dd>
 469
 470                                         <dt>
 471                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>orientation</b>
 472
 473                                         </dt>
 474                                         <dd>(optional) Either Roo.SplitBar.HORIZONTAL or Roo.SplitBar.VERTICAL. (Defaults to HORIZONTAL)</dd>
 475
 476                                         <dt>
 477                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>placement</b>
 478
 479                                         </dt>
 480                                         <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>
 481
 482                                 </dl>
 483
 484
 485
 486
 487
 488
 489
 490
 491
 492
 493
 494                     </div>
 495                 </div>
 496
 497             </td>
 498             <td class="msource">
 499                 &nbsp;
 500             </td>
 501         </tr>
 502
 503
 504           <tr class="method-row config-row-alt1 expandable notInherited">
 505             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 506
 507
 508             <td class="sig">
 509                 <a id="Roo.SplitBar-method-destroy"   name=".destroy"></a>
 510                 <div class="fixedFont">
 511                         <span class="attributes"></span><b class="itemname">destroy</b>
 512
 513                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>removeEl</i></B>)
 514
 515
 516
 517                 </div>
 518                 <div class="mdesc">
 519
 520                    <div class="short">Destroy this splitbar.</div>
 521
 522
 523
 524                     <div class="long">
 525
 526                                 Destroy this splitbar.
 527
 528
 529
 530
 531
 532
 533                                 <dl class="detailList">
 534                                 <dt class="heading">Parameters:</dt>
 535
 536                                         <dt>
 537                                                 <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>
 538
 539                                         </dt>
 540                                         <dd>True to remove the element</dd>
 541
 542                                 </dl>
 543
 544
 545
 546
 547
 548
 549
 550
 551
 552
 553
 554                     </div>
 555                 </div>
 556
 557             </td>
 558             <td class="msource">
 559
 560                         Roo.SplitBar
 561                 &nbsp;
 562             </td>
 563         </tr>
 564
 565
 566           <tr class="method-row config-row-alt0 expandable notInherited">
 567             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 568
 569
 570             <td class="sig">
 571                 <a id="Roo.SplitBar-method-getAdapter"   name=".getAdapter"></a>
 572                 <div class="fixedFont">
 573                         <span class="attributes"></span><b class="itemname">getAdapter</b>
 574
 575                                  ()
 576
 577
 578                                          :
 579
 580
 581
 582
 583
 584
 585
 586
 587                 </div>
 588                 <div class="mdesc">
 589
 590                    <div class="short">Get the adapter this SplitBar uses</div>
 591
 592
 593
 594                     <div class="long">
 595
 596                                 Get the adapter this SplitBar uses
 597
 598
 599
 600
 601
 602
 603
 604
 605
 606
 607                                 <dl class="detailList">
 608                                 <dt class="heading">Returns:</dt>
 609
 610                                         <dd> The adapter object</dd>
 611
 612                                 </dl>
 613
 614
 615
 616
 617
 618
 619
 620                     </div>
 621                 </div>
 622
 623             </td>
 624             <td class="msource">
 625
 626                         Roo.SplitBar
 627                 &nbsp;
 628             </td>
 629         </tr>
 630
 631
 632           <tr class="method-row config-row-alt1 expandable notInherited">
 633             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 634
 635
 636             <td class="sig">
 637                 <a id="Roo.SplitBar-method-getMaximumSize"   name=".getMaximumSize"></a>
 638                 <div class="fixedFont">
 639                         <span class="attributes"></span><b class="itemname">getMaximumSize</b>
 640
 641                                  ()
 642
 643
 644                                          :
 645
 646
 647                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 648
 649
 650
 651
 652
 653                 </div>
 654                 <div class="mdesc">
 655
 656                    <div class="short">Gets the maximum size for the resizing element</div>
 657
 658
 659
 660                     <div class="long">
 661
 662                                 Gets the maximum size for the resizing element
 663
 664
 665
 666
 667
 668
 669
 670
 671
 672
 673                                 <dl class="detailList">
 674                                 <dt class="heading">Returns:</dt>
 675
 676                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The maximum size</dd>
 677
 678                                 </dl>
 679
 680
 681
 682
 683
 684
 685
 686                     </div>
 687                 </div>
 688
 689             </td>
 690             <td class="msource">
 691
 692                         Roo.SplitBar
 693                 &nbsp;
 694             </td>
 695         </tr>
 696
 697
 698           <tr class="method-row config-row-alt0 expandable notInherited">
 699             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 700
 701
 702             <td class="sig">
 703                 <a id="Roo.SplitBar-method-getMinimumSize"   name=".getMinimumSize"></a>
 704                 <div class="fixedFont">
 705                         <span class="attributes"></span><b class="itemname">getMinimumSize</b>
 706
 707                                  ()
 708
 709
 710                                          :
 711
 712
 713                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 714
 715
 716
 717
 718
 719                 </div>
 720                 <div class="mdesc">
 721
 722                    <div class="short">Gets the minimum size for the resizing element</div>
 723
 724
 725
 726                     <div class="long">
 727
 728                                 Gets the minimum size for the resizing element
 729
 730
 731
 732
 733
 734
 735
 736
 737
 738
 739                                 <dl class="detailList">
 740                                 <dt class="heading">Returns:</dt>
 741
 742                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The minimum size</dd>
 743
 744                                 </dl>
 745
 746
 747
 748
 749
 750
 751
 752                     </div>
 753                 </div>
 754
 755             </td>
 756             <td class="msource">
 757
 758                         Roo.SplitBar
 759                 &nbsp;
 760             </td>
 761         </tr>
 762
 763
 764           <tr class="method-row config-row-alt1 expandable notInherited">
 765             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 766
 767
 768             <td class="sig">
 769                 <a id="Roo.SplitBar-method-setAdapter"   name=".setAdapter"></a>
 770                 <div class="fixedFont">
 771                         <span class="attributes"></span><b class="itemname">setAdapter</b>
 772
 773                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>adapter</i></B>)
 774
 775
 776
 777                 </div>
 778                 <div class="mdesc">
 779
 780                    <div class="short">Set the adapter this SplitBar uses</div>
 781
 782
 783
 784                     <div class="long">
 785
 786                                 Set the adapter this SplitBar uses
 787
 788
 789
 790
 791
 792
 793                                 <dl class="detailList">
 794                                 <dt class="heading">Parameters:</dt>
 795
 796                                         <dt>
 797                                                 <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>
 798
 799                                         </dt>
 800                                         <dd>A SplitBar adapter object</dd>
 801
 802                                 </dl>
 803
 804
 805
 806
 807
 808
 809
 810
 811
 812
 813
 814                     </div>
 815                 </div>
 816
 817             </td>
 818             <td class="msource">
 819
 820                         Roo.SplitBar
 821                 &nbsp;
 822             </td>
 823         </tr>
 824
 825
 826           <tr class="method-row config-row-alt0 expandable notInherited">
 827             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 828
 829
 830             <td class="sig">
 831                 <a id="Roo.SplitBar-method-setCurrentSize"   name=".setCurrentSize"></a>
 832                 <div class="fixedFont">
 833                         <span class="attributes"></span><b class="itemname">setCurrentSize</b>
 834
 835                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>size</i></B>)
 836
 837
 838
 839                 </div>
 840                 <div class="mdesc">
 841
 842                    <div class="short">Sets the initialize size for the resizing element</div>
 843
 844
 845
 846                     <div class="long">
 847
 848                                 Sets the initialize size for the resizing element
 849
 850
 851
 852
 853
 854
 855                                 <dl class="detailList">
 856                                 <dt class="heading">Parameters:</dt>
 857
 858                                         <dt>
 859                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>size</b>
 860
 861                                         </dt>
 862                                         <dd>The initial size</dd>
 863
 864                                 </dl>
 865
 866
 867
 868
 869
 870
 871
 872
 873
 874
 875
 876                     </div>
 877                 </div>
 878
 879             </td>
 880             <td class="msource">
 881
 882                         Roo.SplitBar
 883                 &nbsp;
 884             </td>
 885         </tr>
 886
 887
 888           <tr class="method-row config-row-alt1 expandable notInherited">
 889             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 890
 891
 892             <td class="sig">
 893                 <a id="Roo.SplitBar-method-setMaximumSize"   name=".setMaximumSize"></a>
 894                 <div class="fixedFont">
 895                         <span class="attributes"></span><b class="itemname">setMaximumSize</b>
 896
 897                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>maxSize</i></B>)
 898
 899
 900
 901                 </div>
 902                 <div class="mdesc">
 903
 904                    <div class="short">Sets the maximum size for the resizing element</div>
 905
 906
 907
 908                     <div class="long">
 909
 910                                 Sets the maximum size for the resizing element
 911
 912
 913
 914
 915
 916
 917                                 <dl class="detailList">
 918                                 <dt class="heading">Parameters:</dt>
 919
 920                                         <dt>
 921                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>maxSize</b>
 922
 923                                         </dt>
 924                                         <dd>The maximum size</dd>
 925
 926                                 </dl>
 927
 928
 929
 930
 931
 932
 933
 934
 935
 936
 937
 938                     </div>
 939                 </div>
 940
 941             </td>
 942             <td class="msource">
 943
 944                         Roo.SplitBar
 945                 &nbsp;
 946             </td>
 947         </tr>
 948
 949
 950           <tr class="method-row config-row-alt0 expandable notInherited">
 951             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 952
 953
 954             <td class="sig">
 955                 <a id="Roo.SplitBar-method-setMinimumSize"   name=".setMinimumSize"></a>
 956                 <div class="fixedFont">
 957                         <span class="attributes"></span><b class="itemname">setMinimumSize</b>
 958
 959                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>minSize</i></B>)
 960
 961
 962
 963                 </div>
 964                 <div class="mdesc">
 965
 966                    <div class="short">Sets the minimum size for the resizing element</div>
 967
 968
 969
 970                     <div class="long">
 971
 972                                 Sets the minimum size for the resizing element
 973
 974
 975
 976
 977
 978
 979                                 <dl class="detailList">
 980                                 <dt class="heading">Parameters:</dt>
 981
 982                                         <dt>
 983                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>minSize</b>
 984
 985                                         </dt>
 986                                         <dd>The minimum size</dd>
 987
 988                                 </dl>
 989
 990
 991
 992
 993
 994
 995
 996
 997
 998
 999
1000                     </div>
1001                 </div>
1002
1003             </td>
1004             <td class="msource">
1005
1006                         Roo.SplitBar
1007                 &nbsp;
1008             </td>
1009         </tr>
1010
1011
1012     </table>
1013
1014
1015   <!-- ============================== events summary / details ======================== -->
1016
1017
1018   <a id="Roo.SplitBar-events"></a>
1019
1020
1021
1022
1023
1024
1025
1026
1027       <table cellspacing="0" class="member-table">
1028                 <caption>Events</caption>
1029               <thead>
1030                 <tr>
1031                     <th class="sig-header" colspan="2">Event</th>
1032                     <th class="msource-header">Defined By</th>
1033
1034                 </tr>
1035               </thead>
1036
1037
1038
1039
1040
1041           <tr class="method-row expandable config-row-alt0 notInherited">
1042             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1043
1044             <td class="sig">
1045                 <a id="Roo.SplitBar-event-*beforeresize"></a>
1046
1047                <div class="fixedFont">
1048                 <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>)
1049
1050                 </div>
1051
1052                 <div class="mdesc">
1053
1054                    <div class="short">Fires before the splitter is dragged
1055
1056                 </div>
1057
1058                     <div class="long">
1059
1060                         Fires before the splitter is dragged
1061
1062
1063
1064
1065
1066                                 <dl class="detailList">
1067                                 <dt class="heading">Parameters:</dt>
1068
1069                                         <dt>
1070                                                 <span class="fixedFont"><a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a></span> <b>this</b>
1071
1072                                         </dt>
1073                                         <dd></dd>
1074
1075                                 </dl>
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087                     </div>
1088                 </div>
1089
1090             </td>
1091             <td class="msource">
1092                 Roo.SplitBar
1093             </td>
1094         </tr>
1095
1096           <tr class="method-row expandable config-row-alt1 notInherited">
1097             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1098
1099             <td class="sig">
1100                 <a id="Roo.SplitBar-event-*moved"></a>
1101
1102                <div class="fixedFont">
1103                 <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>)
1104
1105                 </div>
1106
1107                 <div class="mdesc">
1108
1109                    <div class="short">Fires when the splitter is moved
1110
1111                 </div>
1112
1113                     <div class="long">
1114
1115                         Fires when the splitter is moved
1116
1117
1118
1119
1120
1121                                 <dl class="detailList">
1122                                 <dt class="heading">Parameters:</dt>
1123
1124                                         <dt>
1125                                                 <span class="fixedFont"><a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a></span> <b>this</b>
1126
1127                                         </dt>
1128                                         <dd></dd>
1129
1130                                         <dt>
1131                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>newSize</b>
1132
1133                                         </dt>
1134                                         <dd>the new width or height</dd>
1135
1136                                 </dl>
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148                     </div>
1149                 </div>
1150
1151             </td>
1152             <td class="msource">
1153                 Roo.SplitBar
1154             </td>
1155         </tr>
1156
1157           <tr class="method-row expandable config-row-alt0 notInherited">
1158             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1159
1160             <td class="sig">
1161                 <a id="Roo.SplitBar-event-*resize"></a>
1162
1163                <div class="fixedFont">
1164                 <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>)
1165
1166                 </div>
1167
1168                 <div class="mdesc">
1169
1170                    <div class="short">Fires when the splitter is moved (alias for {<b>link</b> <b>event</b>-moved})
1171
1172                 </div>
1173
1174                     <div class="long">
1175
1176                         Fires when the splitter is moved (alias for {<b>link</b> <b>event</b>-moved})
1177
1178
1179
1180
1181
1182                                 <dl class="detailList">
1183                                 <dt class="heading">Parameters:</dt>
1184
1185                                         <dt>
1186                                                 <span class="fixedFont"><a href="./Roo.SplitBar.html#constructor" roo:cls="Roo.SplitBar.html#constructor">Roo.SplitBar</a></span> <b>this</b>
1187
1188                                         </dt>
1189                                         <dd></dd>
1190
1191                                         <dt>
1192                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>newSize</b>
1193
1194                                         </dt>
1195                                         <dd>the new width or height</dd>
1196
1197                                 </dl>
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209                     </div>
1210                 </div>
1211
1212             </td>
1213             <td class="msource">
1214                 Roo.SplitBar
1215             </td>
1216         </tr>
1217
1218
1219     </table>
1220
1221
1222
1223
1224
1225 <!-- ============================== footer ================================= -->
1226                 <div class="fineprint" style="clear:both">
1227
1228                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 16 2010 19:32:47 GMT+0800 (HKT)
1229                         Based on
1230                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
1231                 </div>
1232         </body>
1233 </html>