docs/output/Ext.SplitBar.html

   1         <div class="body-wrap">
   2         <div class="top-tools">
   3             <a class="inner-link" href="#Ext.SplitBar-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
   4             <a class="inner-link" href="#Ext.SplitBar-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
   5             <a class="inner-link" href="#Ext.SplitBar-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
   6                             <a class="inner-link" href="#Ext.SplitBar-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>
   7                         <a class="bookmark" href="../docs/?class=Ext.SplitBar"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
   8         </div>
   9                 <div class="inheritance res-block">
  10 <pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a>
  11   <img src="resources/elbow-end.gif"/>SplitBar</pre></div>
  12                 <h1>Class Ext.SplitBar</h1>
  13         <table cellspacing="0">
  14             <tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr>
  15             <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/SplitBar.js" target="_blank">SplitBar.js</a></td></tr>
  16             <tr><td class="label">Class:</td><td class="hd-info">SplitBar</td></tr>
  17                                     <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a></td></tr>
  18                     </table>
  19         <div class="description">
  20             *
  21 Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).
  22 <br><br>
  23 Usage:
  24 <pre><code>var split = <b>new</b> Ext.SplitBar(<em>"elementToDrag"</em>, <em>"elementToSize"</em>,
  25                    Ext.SplitBar.HORIZONTAL, Ext.SplitBar.LEFT);
  26 split.setAdapter(<b>new</b> Ext.SplitBar.AbsoluteLayoutAdapter(<em>"container"</em>));
  27 split.minSize = 100;
  28 split.maxSize = 600;
  29 split.animate = true;
  30 split.on(<em>'moved'</em>, splitterMoved);</code></pre>        </div>
  31
  32         <div class="hr"></div>
  33                 <a id="Ext.SplitBar-configs"></a>
  34         <h2>Config Options</h2>
  35         <table cellspacing="0" class="member-table">
  36             <tr>
  37                 <th class="sig-header" colspan="2">Config Options</th>
  38                 <th class="msource-header">Defined By</th>
  39             </tr>
  40                 <tr class="config-row inherited expandable">\r
  41         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  42         <td class="sig">\r
  43         <a id="Ext.SplitBar-listeners"></a>\r
  44             <b>listeners</b> : Object            <div class="mdesc">\r
  45                         <div class="short">(optional) A config object containing one or more event handlers to be added to this object during initialization. Th...</div>\r
  46             <div class="long">\r
  47                 (optional) A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once.            </div>\r
  48                         </div>\r
  49         </td>\r
  50         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>\r
  51     </tr>\r
  52             </table>
  53                 <a id="Ext.SplitBar-props"></a>
  54         <h2>Public Properties</h2>
  55                 <table cellspacing="0" class="member-table">
  56             <tr>
  57                 <th class="sig-header" colspan="2">Property</th>
  58                 <th class="msource-header">Defined By</th>
  59             </tr>
  60                 <tr class="property-row">\r
  61         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  62         <td class="sig">\r
  63         <a id="Ext.SplitBar-animate"></a>\r
  64             <b>animate</b> : Boolean            <div class="mdesc">\r
  65                             Whether to animate the transition to the new size                        </div>\r
  66         </td>\r
  67         <td class="msource">SplitBar</td>\r
  68     </tr>\r
  69         <tr class="property-row alt">\r
  70         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  71         <td class="sig">\r
  72         <a id="Ext.SplitBar-maxSize"></a>\r
  73             <b>maxSize</b> : Number            <div class="mdesc">\r
  74                             The maximum size of the resizing element. (Defaults to 2000)                        </div>\r
  75         </td>\r
  76         <td class="msource">SplitBar</td>\r
  77     </tr>\r
  78         <tr class="property-row">\r
  79         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  80         <td class="sig">\r
  81         <a id="Ext.SplitBar-minSize"></a>\r
  82             <b>minSize</b> : Number            <div class="mdesc">\r
  83                             The minimum size of the resizing element. (Defaults to 0)                        </div>\r
  84         </td>\r
  85         <td class="msource">SplitBar</td>\r
  86     </tr>\r
  87         <tr class="property-row alt">\r
  88         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
  89         <td class="sig">\r
  90         <a id="Ext.SplitBar-useShim"></a>\r
  91             <b>useShim</b> : Boolean            <div class="mdesc">\r
  92                             Whether to create a transparent shim that overlays the page when dragging, enables dragging across iframes.                        </div>\r
  93         </td>\r
  94         <td class="msource">SplitBar</td>\r
  95     </tr>\r
  96             </table>
  97                 <a id="Ext.SplitBar-methods"></a>
  98         <h2>Public Methods</h2>
  99                 <table cellspacing="0" class="member-table">
 100             <tr>
 101                 <th class="sig-header" colspan="2">Method</th>
 102                 <th class="msource-header">Defined By</th>
 103             </tr>
 104                 <tr class="method-row expandable">\r
 105         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 106         <td class="sig">\r
 107         <a id="Ext.SplitBar-SplitBar"></a>\r
 108             <b>SplitBar</b>(&nbsp;<code>Mixed dragElement</code>, <code>Mixed resizingElement</code>, <span class="optional" title="Optional">[<code>Number orientation</code>]</span>, <span class="optional" title="Optional">[<code>Number placement</code>]</span>&nbsp;)            <div class="mdesc">\r
 109                         <div class="short">Create a new SplitBar</div>\r
 110             <div class="long">\r
 111                 Create a new SplitBar    <div class="mdetail-params">\r
 112         <strong>Parameters:</strong>\r
 113         <ul><li><code>dragElement</code> : Mixed<div class="sub-desc">The element to be dragged and act as the SplitBar.</div></li><li><code>resizingElement</code> : Mixed<div class="sub-desc">The element to be resized based on where the SplitBar element is dragged</div></li><li><code>orientation</code> : Number<div class="sub-desc">(optional) Either Ext.SplitBar.HORIZONTAL or Ext.SplitBar.VERTICAL. (Defaults to HORIZONTAL)</div></li><li><code>placement</code> : Number<div class="sub-desc">(optional) Either Ext.SplitBar.LEFT or Ext.SplitBar.RIGHT for horizontal or \r
 114  Ext.SplitBar.TOP or Ext.SplitBar.BOTTOM for vertical. (By default, this is determined automatically by the initial\r
 115  position of the SplitBar).</div></li>        </ul>\r
 116         <strong>Returns:</strong>\r
 117         <ul>\r
 118             <li><code></code></li>\r
 119         </ul>\r
 120     </div>\r
 121                 </div>\r
 122                         </div>\r
 123         </td>\r
 124         <td class="msource">SplitBar</td>\r
 125     </tr>\r
 126         <tr class="method-row inherited alt expandable">\r
 127         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 128         <td class="sig">\r
 129         <a id="Ext.SplitBar-addEvents"></a>\r
 130             <b>addEvents</b>(&nbsp;<code>Object object</code>&nbsp;) : void            <div class="mdesc">\r
 131                         <div class="short">Used to define events on this Observable</div>\r
 132             <div class="long">\r
 133                 Used to define events on this Observable    <div class="mdetail-params">\r
 134         <strong>Parameters:</strong>\r
 135         <ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li>        </ul>\r
 136         <strong>Returns:</strong>\r
 137         <ul>\r
 138             <li><code>void</code></li>\r
 139         </ul>\r
 140     </div>\r
 141                 </div>\r
 142                         </div>\r
 143         </td>\r
 144         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addEvents" href="output/Ext.util.Observable.html#addEvents">Observable</a></td>\r
 145     </tr>\r
 146         <tr class="method-row inherited expandable">\r
 147         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 148         <td class="sig">\r
 149         <a id="Ext.SplitBar-addListener"></a>\r
 150             <b>addListener</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : void            <div class="mdesc">\r
 151                         <div class="short">Appends an event handler to this component</div>\r
 152             <div class="long">\r
 153                 Appends an event handler to this component    <div class="mdetail-params">\r
 154         <strong>Parameters:</strong>\r
 155         <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the handler
 156 function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration
 157 properties. This may contain any of the following properties:<ul>
 158 <li><b>scope</b> : Object<p class="sub-desc">The scope in which to execute the handler function. The handler function's "this" context.</p></li>
 159 <li><b>delay</b> : Number<p class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</p></li>
 160 <li><b>single</b> : Boolean<p class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</p></li>
 161 <li><b>buffer</b> : Number<p class="sub-desc">Causes the handler to be scheduled to run in an <a ext:cls="Ext.util.DelayedTask" href="output/Ext.util.DelayedTask.html">Ext.util.DelayedTask</a> delayed
 162 by the specified number of milliseconds. If the event fires again within that time, the original
 163 handler is <em>not</em> invoked, but the new handler is scheduled in its place.</p></li>
 164 </ul><br>
 165 <p>
 166 <b>Combining Options</b><br>
 167 Using the options argument, it is possible to combine different types of listeners:<br>
 168 <br>
 169 A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)
 170 <pre><code>el.on(<em>'click'</em>, <b>this</b>.onClick, <b>this</b>, {
 171     single: true,
 172     delay: 100,
 173     forumId: 4
 174 });</code></pre>
 175 <p>
 176 <b>Attaching multiple handlers in 1 call</b><br>
 177 The method also allows for a single argument to be passed which is a config object containing properties
 178 which specify multiple handlers.
 179 <p>
 180 <pre><code>foo.on({
 181     <em>'click'</em> : {
 182         fn: <b>this</b>.onClick,
 183         scope: <b>this</b>,
 184         delay: 100
 185     },
 186     <em>'mouseover'</em> : {
 187         fn: <b>this</b>.onMouseOver,
 188         scope: <b>this</b>
 189     },
 190     <em>'mouseout'</em> : {
 191         fn: <b>this</b>.onMouseOut,
 192         scope: <b>this</b>
 193     }
 194 });</code></pre>
 195 <p>
 196 Or a shorthand syntax:<br>
 197 <pre><code>foo.on({
 198     <em>'click'</em> : <b>this</b>.onClick,
 199     <em>'mouseover'</em> : <b>this</b>.onMouseOver,
 200     <em>'mouseout'</em> : <b>this</b>.onMouseOut,
 201      scope: <b>this</b>
 202 });</code></pre></div></li>        </ul>\r
 203         <strong>Returns:</strong>\r
 204         <ul>\r
 205             <li><code>void</code></li>\r
 206         </ul>\r
 207     </div>\r
 208                 </div>\r
 209                         </div>\r
 210         </td>\r
 211         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addListener" href="output/Ext.util.Observable.html#addListener">Observable</a></td>\r
 212     </tr>\r
 213         <tr class="method-row alt expandable">\r
 214         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 215         <td class="sig">\r
 216         <a id="Ext.SplitBar-destroy"></a>\r
 217             <b>destroy</b>(&nbsp;<code>Boolean removeEl</code>&nbsp;) : void            <div class="mdesc">\r
 218                         <div class="short">Destroy this splitbar.</div>\r
 219             <div class="long">\r
 220                 Destroy this splitbar.    <div class="mdetail-params">\r
 221         <strong>Parameters:</strong>\r
 222         <ul><li><code>removeEl</code> : Boolean<div class="sub-desc">True to remove the element</div></li>        </ul>\r
 223         <strong>Returns:</strong>\r
 224         <ul>\r
 225             <li><code>void</code></li>\r
 226         </ul>\r
 227     </div>\r
 228                 </div>\r
 229                         </div>\r
 230         </td>\r
 231         <td class="msource">SplitBar</td>\r
 232     </tr>\r
 233         <tr class="method-row inherited expandable">\r
 234         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 235         <td class="sig">\r
 236         <a id="Ext.SplitBar-fireEvent"></a>\r
 237             <b>fireEvent</b>(&nbsp;<code>String eventName</code>, <code>Object... args</code>&nbsp;) : Boolean            <div class="mdesc">\r
 238                         <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>\r
 239             <div class="long">\r
 240                 Fires the specified event with the passed parameters (minus the event name).    <div class="mdetail-params">\r
 241         <strong>Parameters:</strong>\r
 242         <ul><li><code>eventName</code> : String<div class="sub-desc"></div></li><li><code>args</code> : Object...<div class="sub-desc">Variable number of parameters are passed to handlers</div></li>        </ul>\r
 243         <strong>Returns:</strong>\r
 244         <ul>\r
 245             <li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true</div></li>\r
 246         </ul>\r
 247     </div>\r
 248                 </div>\r
 249                         </div>\r
 250         </td>\r
 251         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#fireEvent" href="output/Ext.util.Observable.html#fireEvent">Observable</a></td>\r
 252     </tr>\r
 253         <tr class="method-row alt expandable">\r
 254         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 255         <td class="sig">\r
 256         <a id="Ext.SplitBar-getAdapter"></a>\r
 257             <b>getAdapter</b>() : The            <div class="mdesc">\r
 258                         <div class="short">Get the adapter this SplitBar uses</div>\r
 259             <div class="long">\r
 260                 Get the adapter this SplitBar uses    <div class="mdetail-params">\r
 261         <strong>Parameters:</strong>\r
 262         <ul><li>None.</li>        </ul>\r
 263         <strong>Returns:</strong>\r
 264         <ul>\r
 265             <li><code>The</code><div class="sub-desc">adapter object</div></li>\r
 266         </ul>\r
 267     </div>\r
 268                 </div>\r
 269                         </div>\r
 270         </td>\r
 271         <td class="msource">SplitBar</td>\r
 272     </tr>\r
 273         <tr class="method-row expandable">\r
 274         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 275         <td class="sig">\r
 276         <a id="Ext.SplitBar-getMaximumSize"></a>\r
 277             <b>getMaximumSize</b>() : Number            <div class="mdesc">\r
 278                         <div class="short">Gets the maximum size for the resizing element</div>\r
 279             <div class="long">\r
 280                 Gets the maximum size for the resizing element    <div class="mdetail-params">\r
 281         <strong>Parameters:</strong>\r
 282         <ul><li>None.</li>        </ul>\r
 283         <strong>Returns:</strong>\r
 284         <ul>\r
 285             <li><code>Number</code><div class="sub-desc">The maximum size</div></li>\r
 286         </ul>\r
 287     </div>\r
 288                 </div>\r
 289                         </div>\r
 290         </td>\r
 291         <td class="msource">SplitBar</td>\r
 292     </tr>\r
 293         <tr class="method-row alt expandable">\r
 294         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 295         <td class="sig">\r
 296         <a id="Ext.SplitBar-getMinimumSize"></a>\r
 297             <b>getMinimumSize</b>() : Number            <div class="mdesc">\r
 298                         <div class="short">Gets the minimum size for the resizing element</div>\r
 299             <div class="long">\r
 300                 Gets the minimum size for the resizing element    <div class="mdetail-params">\r
 301         <strong>Parameters:</strong>\r
 302         <ul><li>None.</li>        </ul>\r
 303         <strong>Returns:</strong>\r
 304         <ul>\r
 305             <li><code>Number</code><div class="sub-desc">The minimum size</div></li>\r
 306         </ul>\r
 307     </div>\r
 308                 </div>\r
 309                         </div>\r
 310         </td>\r
 311         <td class="msource">SplitBar</td>\r
 312     </tr>\r
 313         <tr class="method-row inherited expandable">\r
 314         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 315         <td class="sig">\r
 316         <a id="Ext.SplitBar-hasListener"></a>\r
 317             <b>hasListener</b>(&nbsp;<code>String eventName</code>&nbsp;) : Boolean            <div class="mdesc">\r
 318                         <div class="short">Checks to see if this object has any listeners for a specified event</div>\r
 319             <div class="long">\r
 320                 Checks to see if this object has any listeners for a specified event    <div class="mdetail-params">\r
 321         <strong>Parameters:</strong>\r
 322         <ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li>        </ul>\r
 323         <strong>Returns:</strong>\r
 324         <ul>\r
 325             <li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li>\r
 326         </ul>\r
 327     </div>\r
 328                 </div>\r
 329                         </div>\r
 330         </td>\r
 331         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#hasListener" href="output/Ext.util.Observable.html#hasListener">Observable</a></td>\r
 332     </tr>\r
 333         <tr class="method-row inherited alt expandable">\r
 334         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 335         <td class="sig">\r
 336         <a id="Ext.SplitBar-on"></a>\r
 337             <b>on</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : void            <div class="mdesc">\r
 338                         <div class="short">Appends an event handler to this element (shorthand for addListener)</div>\r
 339             <div class="long">\r
 340                 Appends an event handler to this element (shorthand for addListener)    <div class="mdetail-params">\r
 341         <strong>Parameters:</strong>\r
 342         <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the handler
 343 function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional)</div></li>        </ul>\r
 344         <strong>Returns:</strong>\r
 345         <ul>\r
 346             <li><code>void</code></li>\r
 347         </ul>\r
 348     </div>\r
 349                 </div>\r
 350                         </div>\r
 351         </td>\r
 352         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#on" href="output/Ext.util.Observable.html#on">Observable</a></td>\r
 353     </tr>\r
 354         <tr class="method-row inherited expandable">\r
 355         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 356         <td class="sig">\r
 357         <a id="Ext.SplitBar-purgeListeners"></a>\r
 358             <b>purgeListeners</b>() : void            <div class="mdesc">\r
 359                         <div class="short">Removes all listeners for this object</div>\r
 360             <div class="long">\r
 361                 Removes all listeners for this object    <div class="mdetail-params">\r
 362         <strong>Parameters:</strong>\r
 363         <ul><li>None.</li>        </ul>\r
 364         <strong>Returns:</strong>\r
 365         <ul>\r
 366             <li><code>void</code></li>\r
 367         </ul>\r
 368     </div>\r
 369                 </div>\r
 370                         </div>\r
 371         </td>\r
 372         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#purgeListeners" href="output/Ext.util.Observable.html#purgeListeners">Observable</a></td>\r
 373     </tr>\r
 374         <tr class="method-row inherited alt expandable">\r
 375         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 376         <td class="sig">\r
 377         <a id="Ext.SplitBar-relayEvents"></a>\r
 378             <b>relayEvents</b>(&nbsp;<code>Object o</code>, <code>Array events</code>&nbsp;) : void            <div class="mdesc">\r
 379                         <div class="short">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.</div>\r
 380             <div class="long">\r
 381                 Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.    <div class="mdetail-params">\r
 382         <strong>Parameters:</strong>\r
 383         <ul><li><code>o</code> : Object<div class="sub-desc">The Observable whose events this object is to relay.</div></li><li><code>events</code> : Array<div class="sub-desc">Array of event names to relay.</div></li>        </ul>\r
 384         <strong>Returns:</strong>\r
 385         <ul>\r
 386             <li><code>void</code></li>\r
 387         </ul>\r
 388     </div>\r
 389                 </div>\r
 390                         </div>\r
 391         </td>\r
 392         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#relayEvents" href="output/Ext.util.Observable.html#relayEvents">Observable</a></td>\r
 393     </tr>\r
 394         <tr class="method-row inherited expandable">\r
 395         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 396         <td class="sig">\r
 397         <a id="Ext.SplitBar-removeListener"></a>\r
 398             <b>removeListener</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>&nbsp;) : void            <div class="mdesc">\r
 399                         <div class="short">Removes a listener</div>\r
 400             <div class="long">\r
 401                 Removes a listener    <div class="mdetail-params">\r
 402         <strong>Parameters:</strong>\r
 403         <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (this object) for the handler</div></li>        </ul>\r
 404         <strong>Returns:</strong>\r
 405         <ul>\r
 406             <li><code>void</code></li>\r
 407         </ul>\r
 408     </div>\r
 409                 </div>\r
 410                         </div>\r
 411         </td>\r
 412         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#removeListener" href="output/Ext.util.Observable.html#removeListener">Observable</a></td>\r
 413     </tr>\r
 414         <tr class="method-row inherited alt expandable">\r
 415         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 416         <td class="sig">\r
 417         <a id="Ext.SplitBar-resumeEvents"></a>\r
 418             <b>resumeEvents</b>() : void            <div class="mdesc">\r
 419                         <div class="short">Resume firing events. (see <a ext:cls="Ext.util.Observable" ext:member="suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">suspendEvents</a>)</div>\r
 420             <div class="long">\r
 421                 Resume firing events. (see <a ext:cls="Ext.util.Observable" ext:member="suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">suspendEvents</a>)    <div class="mdetail-params">\r
 422         <strong>Parameters:</strong>\r
 423         <ul><li>None.</li>        </ul>\r
 424         <strong>Returns:</strong>\r
 425         <ul>\r
 426             <li><code>void</code></li>\r
 427         </ul>\r
 428     </div>\r
 429                 </div>\r
 430                         </div>\r
 431         </td>\r
 432         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">Observable</a></td>\r
 433     </tr>\r
 434         <tr class="method-row expandable">\r
 435         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 436         <td class="sig">\r
 437         <a id="Ext.SplitBar-setAdapter"></a>\r
 438             <b>setAdapter</b>(&nbsp;<code>Object adapter</code>&nbsp;) : void            <div class="mdesc">\r
 439                         <div class="short">Set the adapter this SplitBar uses</div>\r
 440             <div class="long">\r
 441                 Set the adapter this SplitBar uses    <div class="mdetail-params">\r
 442         <strong>Parameters:</strong>\r
 443         <ul><li><code>adapter</code> : Object<div class="sub-desc">A SplitBar adapter object</div></li>        </ul>\r
 444         <strong>Returns:</strong>\r
 445         <ul>\r
 446             <li><code>void</code></li>\r
 447         </ul>\r
 448     </div>\r
 449                 </div>\r
 450                         </div>\r
 451         </td>\r
 452         <td class="msource">SplitBar</td>\r
 453     </tr>\r
 454         <tr class="method-row alt expandable">\r
 455         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 456         <td class="sig">\r
 457         <a id="Ext.SplitBar-setCurrentSize"></a>\r
 458             <b>setCurrentSize</b>(&nbsp;<code>Number size</code>&nbsp;) : void            <div class="mdesc">\r
 459                         <div class="short">Sets the initialize size for the resizing element</div>\r
 460             <div class="long">\r
 461                 Sets the initialize size for the resizing element    <div class="mdetail-params">\r
 462         <strong>Parameters:</strong>\r
 463         <ul><li><code>size</code> : Number<div class="sub-desc">The initial size</div></li>        </ul>\r
 464         <strong>Returns:</strong>\r
 465         <ul>\r
 466             <li><code>void</code></li>\r
 467         </ul>\r
 468     </div>\r
 469                 </div>\r
 470                         </div>\r
 471         </td>\r
 472         <td class="msource">SplitBar</td>\r
 473     </tr>\r
 474         <tr class="method-row expandable">\r
 475         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 476         <td class="sig">\r
 477         <a id="Ext.SplitBar-setMaximumSize"></a>\r
 478             <b>setMaximumSize</b>(&nbsp;<code>Number maxSize</code>&nbsp;) : void            <div class="mdesc">\r
 479                         <div class="short">Sets the maximum size for the resizing element</div>\r
 480             <div class="long">\r
 481                 Sets the maximum size for the resizing element    <div class="mdetail-params">\r
 482         <strong>Parameters:</strong>\r
 483         <ul><li><code>maxSize</code> : Number<div class="sub-desc">The maximum size</div></li>        </ul>\r
 484         <strong>Returns:</strong>\r
 485         <ul>\r
 486             <li><code>void</code></li>\r
 487         </ul>\r
 488     </div>\r
 489                 </div>\r
 490                         </div>\r
 491         </td>\r
 492         <td class="msource">SplitBar</td>\r
 493     </tr>\r
 494         <tr class="method-row alt expandable">\r
 495         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 496         <td class="sig">\r
 497         <a id="Ext.SplitBar-setMinimumSize"></a>\r
 498             <b>setMinimumSize</b>(&nbsp;<code>Number minSize</code>&nbsp;) : void            <div class="mdesc">\r
 499                         <div class="short">Sets the minimum size for the resizing element</div>\r
 500             <div class="long">\r
 501                 Sets the minimum size for the resizing element    <div class="mdetail-params">\r
 502         <strong>Parameters:</strong>\r
 503         <ul><li><code>minSize</code> : Number<div class="sub-desc">The minimum size</div></li>        </ul>\r
 504         <strong>Returns:</strong>\r
 505         <ul>\r
 506             <li><code>void</code></li>\r
 507         </ul>\r
 508     </div>\r
 509                 </div>\r
 510                         </div>\r
 511         </td>\r
 512         <td class="msource">SplitBar</td>\r
 513     </tr>\r
 514         <tr class="method-row inherited expandable">\r
 515         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 516         <td class="sig">\r
 517         <a id="Ext.SplitBar-suspendEvents"></a>\r
 518             <b>suspendEvents</b>() : void            <div class="mdesc">\r
 519                         <div class="short">Suspend the firing of all events. (see <a ext:cls="Ext.util.Observable" ext:member="resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">resumeEvents</a>)</div>\r
 520             <div class="long">\r
 521                 Suspend the firing of all events. (see <a ext:cls="Ext.util.Observable" ext:member="resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">resumeEvents</a>)    <div class="mdetail-params">\r
 522         <strong>Parameters:</strong>\r
 523         <ul><li>None.</li>        </ul>\r
 524         <strong>Returns:</strong>\r
 525         <ul>\r
 526             <li><code>void</code></li>\r
 527         </ul>\r
 528     </div>\r
 529                 </div>\r
 530                         </div>\r
 531         </td>\r
 532         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">Observable</a></td>\r
 533     </tr>\r
 534         <tr class="method-row inherited alt expandable">\r
 535         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 536         <td class="sig">\r
 537         <a id="Ext.SplitBar-un"></a>\r
 538             <b>un</b>(&nbsp;<code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>&nbsp;) : void            <div class="mdesc">\r
 539                         <div class="short">Removes a listener (shorthand for removeListener)</div>\r
 540             <div class="long">\r
 541                 Removes a listener (shorthand for removeListener)    <div class="mdetail-params">\r
 542         <strong>Parameters:</strong>\r
 543         <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (this object) for the handler</div></li>        </ul>\r
 544         <strong>Returns:</strong>\r
 545         <ul>\r
 546             <li><code>void</code></li>\r
 547         </ul>\r
 548     </div>\r
 549                 </div>\r
 550                         </div>\r
 551         </td>\r
 552         <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#un" href="output/Ext.util.Observable.html#un">Observable</a></td>\r
 553     </tr>\r
 554             </table>
 555                 <a id="Ext.SplitBar-events"></a>
 556         <h2>Public Events</h2>
 557                 <table cellspacing="0" class="member-table">
 558             <tr>
 559                 <th class="sig-header" colspan="2">Event</th>
 560                 <th class="msource-header">Defined By</th>
 561             </tr>
 562                 <tr class="event-row expandable">\r
 563         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 564         <td class="sig">\r
 565         <a id="Ext.SplitBar-beforeresize"></a>\r
 566             <b>beforeresize</b> : (&nbsp;<code>Ext.SplitBar this</code>&nbsp;)            <div class="mdesc">\r
 567                         <div class="short">Fires before the splitter is dragged</div>\r
 568             <div class="long">\r
 569                 Fires before the splitter is dragged    <div class="mdetail-params">\r
 570         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
 571         <ul><li><code>this</code> : Ext.SplitBar<div class="sub-desc"></div></li>        </ul>\r
 572     </div>\r
 573                 </div>\r
 574                         </div>\r
 575         </td>\r
 576         <td class="msource">SplitBar</td>\r
 577     </tr>\r
 578         <tr class="event-row alt expandable">\r
 579         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 580         <td class="sig">\r
 581         <a id="Ext.SplitBar-moved"></a>\r
 582             <b>moved</b> : (&nbsp;<code>Ext.SplitBar this</code>, <code>Number newSize</code>&nbsp;)            <div class="mdesc">\r
 583                         <div class="short">Fires when the splitter is moved</div>\r
 584             <div class="long">\r
 585                 Fires when the splitter is moved    <div class="mdetail-params">\r
 586         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
 587         <ul><li><code>this</code> : Ext.SplitBar<div class="sub-desc"></div></li><li><code>newSize</code> : Number<div class="sub-desc">the new width or height</div></li>        </ul>\r
 588     </div>\r
 589                 </div>\r
 590                         </div>\r
 591         </td>\r
 592         <td class="msource">SplitBar</td>\r
 593     </tr>\r
 594         <tr class="event-row expandable">\r
 595         <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>\r
 596         <td class="sig">\r
 597         <a id="Ext.SplitBar-resize"></a>\r
 598             <b>resize</b> : (&nbsp;<code>Ext.SplitBar this</code>, <code>Number newSize</code>&nbsp;)            <div class="mdesc">\r
 599                         <div class="short">Fires when the splitter is moved (alias for <a ext:cls="Ext.SplitBar" ext:member="moved" href="output/Ext.SplitBar.html#moved">moved</a>)</div>\r
 600             <div class="long">\r
 601                 Fires when the splitter is moved (alias for <a ext:cls="Ext.SplitBar" ext:member="moved" href="output/Ext.SplitBar.html#moved">moved</a>)    <div class="mdetail-params">\r
 602         <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>\r
 603         <ul><li><code>this</code> : Ext.SplitBar<div class="sub-desc"></div></li><li><code>newSize</code> : Number<div class="sub-desc">the new width or height</div></li>        </ul>\r
 604     </div>\r
 605                 </div>\r
 606                         </div>\r
 607         </td>\r
 608         <td class="msource">SplitBar</td>\r
 609     </tr>\r
 610             </table>
 611
 612         </div>