source: trunk/web/addons/job_monarch/lib/extjs/docs/output/Ext.SplitBar.html @ 619

Last change on this file since 619 was 619, checked in by ramonb, 15 years ago

lib/:

  • added new AJAX dependancies: ExtJS, pChart, Lightbox2
File size: 33.5 KB
Line 
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            *
21Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).
22<br><br>
23Usage:
24<pre><code>var split = <b>new</b> Ext.SplitBar(<em>"elementToDrag"</em>, <em>"elementToSize"</em>,
25                   Ext.SplitBar.HORIZONTAL, Ext.SplitBar.LEFT);
26split.setAdapter(<b>new</b> Ext.SplitBar.AbsoluteLayoutAdapter(<em>"container"</em>));
27split.minSize = 100;
28split.maxSize = 600;
29split.animate = true;
30split.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">
41        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
42        <td class="sig">
43        <a id="Ext.SplitBar-listeners"></a>
44            <b>listeners</b> : Object            <div class="mdesc">
45                        <div class="short">(optional) A config object containing one or more event handlers to be added to this object during initialization. Th...</div>
46            <div class="long">
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>
48                        </div>
49        </td>
50        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>
51    </tr>
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">
61        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
62        <td class="sig">
63        <a id="Ext.SplitBar-animate"></a>
64            <b>animate</b> : Boolean            <div class="mdesc">
65                            Whether to animate the transition to the new size                        </div>
66        </td>
67        <td class="msource">SplitBar</td>
68    </tr>
69        <tr class="property-row alt">
70        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
71        <td class="sig">
72        <a id="Ext.SplitBar-maxSize"></a>
73            <b>maxSize</b> : Number            <div class="mdesc">
74                            The maximum size of the resizing element. (Defaults to 2000)                        </div>
75        </td>
76        <td class="msource">SplitBar</td>
77    </tr>
78        <tr class="property-row">
79        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
80        <td class="sig">
81        <a id="Ext.SplitBar-minSize"></a>
82            <b>minSize</b> : Number            <div class="mdesc">
83                            The minimum size of the resizing element. (Defaults to 0)                        </div>
84        </td>
85        <td class="msource">SplitBar</td>
86    </tr>
87        <tr class="property-row alt">
88        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
89        <td class="sig">
90        <a id="Ext.SplitBar-useShim"></a>
91            <b>useShim</b> : Boolean            <div class="mdesc">
92                            Whether to create a transparent shim that overlays the page when dragging, enables dragging across iframes.                        </div>
93        </td>
94        <td class="msource">SplitBar</td>
95    </tr>
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">
105        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
106        <td class="sig">
107        <a id="Ext.SplitBar-SplitBar"></a>
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">
109                        <div class="short">Create a new SplitBar</div>
110            <div class="long">
111                Create a new SplitBar    <div class="mdetail-params">
112        <strong>Parameters:</strong>
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
114 Ext.SplitBar.TOP or Ext.SplitBar.BOTTOM for vertical. (By default, this is determined automatically by the initial
115 position of the SplitBar).</div></li>        </ul>
116        <strong>Returns:</strong>
117        <ul>
118            <li><code></code></li>
119        </ul>
120    </div>
121                </div>
122                        </div>
123        </td>
124        <td class="msource">SplitBar</td>
125    </tr>
126        <tr class="method-row inherited alt expandable">
127        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
128        <td class="sig">
129        <a id="Ext.SplitBar-addEvents"></a>
130            <b>addEvents</b>(&nbsp;<code>Object object</code>&nbsp;) : void            <div class="mdesc">
131                        <div class="short">Used to define events on this Observable</div>
132            <div class="long">
133                Used to define events on this Observable    <div class="mdetail-params">
134        <strong>Parameters:</strong>
135        <ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li>        </ul>
136        <strong>Returns:</strong>
137        <ul>
138            <li><code>void</code></li>
139        </ul>
140    </div>
141                </div>
142                        </div>
143        </td>
144        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addEvents" href="output/Ext.util.Observable.html#addEvents">Observable</a></td>
145    </tr>
146        <tr class="method-row inherited expandable">
147        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
148        <td class="sig">
149        <a id="Ext.SplitBar-addListener"></a>
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">
151                        <div class="short">Appends an event handler to this component</div>
152            <div class="long">
153                Appends an event handler to this component    <div class="mdetail-params">
154        <strong>Parameters:</strong>
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
156function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration
157properties. 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
162by the specified number of milliseconds. If the event fires again within that time, the original
163handler 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>
167Using the options argument, it is possible to combine different types of listeners:<br>
168<br>
169A 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>
177The method also allows for a single argument to be passed which is a config object containing properties
178which 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>
196Or 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>
203        <strong>Returns:</strong>
204        <ul>
205            <li><code>void</code></li>
206        </ul>
207    </div>
208                </div>
209                        </div>
210        </td>
211        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addListener" href="output/Ext.util.Observable.html#addListener">Observable</a></td>
212    </tr>
213        <tr class="method-row alt expandable">
214        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
215        <td class="sig">
216        <a id="Ext.SplitBar-destroy"></a>
217            <b>destroy</b>(&nbsp;<code>Boolean removeEl</code>&nbsp;) : void            <div class="mdesc">
218                        <div class="short">Destroy this splitbar.</div>
219            <div class="long">
220                Destroy this splitbar.    <div class="mdetail-params">
221        <strong>Parameters:</strong>
222        <ul><li><code>removeEl</code> : Boolean<div class="sub-desc">True to remove the element</div></li>        </ul>
223        <strong>Returns:</strong>
224        <ul>
225            <li><code>void</code></li>
226        </ul>
227    </div>
228                </div>
229                        </div>
230        </td>
231        <td class="msource">SplitBar</td>
232    </tr>
233        <tr class="method-row inherited expandable">
234        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
235        <td class="sig">
236        <a id="Ext.SplitBar-fireEvent"></a>
237            <b>fireEvent</b>(&nbsp;<code>String eventName</code>, <code>Object... args</code>&nbsp;) : Boolean            <div class="mdesc">
238                        <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
239            <div class="long">
240                Fires the specified event with the passed parameters (minus the event name).    <div class="mdetail-params">
241        <strong>Parameters:</strong>
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>
243        <strong>Returns:</strong>
244        <ul>
245            <li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true</div></li>
246        </ul>
247    </div>
248                </div>
249                        </div>
250        </td>
251        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#fireEvent" href="output/Ext.util.Observable.html#fireEvent">Observable</a></td>
252    </tr>
253        <tr class="method-row alt expandable">
254        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
255        <td class="sig">
256        <a id="Ext.SplitBar-getAdapter"></a>
257            <b>getAdapter</b>() : The            <div class="mdesc">
258                        <div class="short">Get the adapter this SplitBar uses</div>
259            <div class="long">
260                Get the adapter this SplitBar uses    <div class="mdetail-params">
261        <strong>Parameters:</strong>
262        <ul><li>None.</li>        </ul>
263        <strong>Returns:</strong>
264        <ul>
265            <li><code>The</code><div class="sub-desc">adapter object</div></li>
266        </ul>
267    </div>
268                </div>
269                        </div>
270        </td>
271        <td class="msource">SplitBar</td>
272    </tr>
273        <tr class="method-row expandable">
274        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
275        <td class="sig">
276        <a id="Ext.SplitBar-getMaximumSize"></a>
277            <b>getMaximumSize</b>() : Number            <div class="mdesc">
278                        <div class="short">Gets the maximum size for the resizing element</div>
279            <div class="long">
280                Gets the maximum size for the resizing element    <div class="mdetail-params">
281        <strong>Parameters:</strong>
282        <ul><li>None.</li>        </ul>
283        <strong>Returns:</strong>
284        <ul>
285            <li><code>Number</code><div class="sub-desc">The maximum size</div></li>
286        </ul>
287    </div>
288                </div>
289                        </div>
290        </td>
291        <td class="msource">SplitBar</td>
292    </tr>
293        <tr class="method-row alt expandable">
294        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
295        <td class="sig">
296        <a id="Ext.SplitBar-getMinimumSize"></a>
297            <b>getMinimumSize</b>() : Number            <div class="mdesc">
298                        <div class="short">Gets the minimum size for the resizing element</div>
299            <div class="long">
300                Gets the minimum size for the resizing element    <div class="mdetail-params">
301        <strong>Parameters:</strong>
302        <ul><li>None.</li>        </ul>
303        <strong>Returns:</strong>
304        <ul>
305            <li><code>Number</code><div class="sub-desc">The minimum size</div></li>
306        </ul>
307    </div>
308                </div>
309                        </div>
310        </td>
311        <td class="msource">SplitBar</td>
312    </tr>
313        <tr class="method-row inherited expandable">
314        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
315        <td class="sig">
316        <a id="Ext.SplitBar-hasListener"></a>
317            <b>hasListener</b>(&nbsp;<code>String eventName</code>&nbsp;) : Boolean            <div class="mdesc">
318                        <div class="short">Checks to see if this object has any listeners for a specified event</div>
319            <div class="long">
320                Checks to see if this object has any listeners for a specified event    <div class="mdetail-params">
321        <strong>Parameters:</strong>
322        <ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li>        </ul>
323        <strong>Returns:</strong>
324        <ul>
325            <li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li>
326        </ul>
327    </div>
328                </div>
329                        </div>
330        </td>
331        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#hasListener" href="output/Ext.util.Observable.html#hasListener">Observable</a></td>
332    </tr>
333        <tr class="method-row inherited alt expandable">
334        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
335        <td class="sig">
336        <a id="Ext.SplitBar-on"></a>
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">
338                        <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
339            <div class="long">
340                Appends an event handler to this element (shorthand for addListener)    <div class="mdetail-params">
341        <strong>Parameters:</strong>
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
343function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional)</div></li>        </ul>
344        <strong>Returns:</strong>
345        <ul>
346            <li><code>void</code></li>
347        </ul>
348    </div>
349                </div>
350                        </div>
351        </td>
352        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#on" href="output/Ext.util.Observable.html#on">Observable</a></td>
353    </tr>
354        <tr class="method-row inherited expandable">
355        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
356        <td class="sig">
357        <a id="Ext.SplitBar-purgeListeners"></a>
358            <b>purgeListeners</b>() : void            <div class="mdesc">
359                        <div class="short">Removes all listeners for this object</div>
360            <div class="long">
361                Removes all listeners for this object    <div class="mdetail-params">
362        <strong>Parameters:</strong>
363        <ul><li>None.</li>        </ul>
364        <strong>Returns:</strong>
365        <ul>
366            <li><code>void</code></li>
367        </ul>
368    </div>
369                </div>
370                        </div>
371        </td>
372        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#purgeListeners" href="output/Ext.util.Observable.html#purgeListeners">Observable</a></td>
373    </tr>
374        <tr class="method-row inherited alt expandable">
375        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
376        <td class="sig">
377        <a id="Ext.SplitBar-relayEvents"></a>
378            <b>relayEvents</b>(&nbsp;<code>Object o</code>, <code>Array events</code>&nbsp;) : void            <div class="mdesc">
379                        <div class="short">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.</div>
380            <div class="long">
381                Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.    <div class="mdetail-params">
382        <strong>Parameters:</strong>
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>
384        <strong>Returns:</strong>
385        <ul>
386            <li><code>void</code></li>
387        </ul>
388    </div>
389                </div>
390                        </div>
391        </td>
392        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#relayEvents" href="output/Ext.util.Observable.html#relayEvents">Observable</a></td>
393    </tr>
394        <tr class="method-row inherited expandable">
395        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
396        <td class="sig">
397        <a id="Ext.SplitBar-removeListener"></a>
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">
399                        <div class="short">Removes a listener</div>
400            <div class="long">
401                Removes a listener    <div class="mdetail-params">
402        <strong>Parameters:</strong>
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>
404        <strong>Returns:</strong>
405        <ul>
406            <li><code>void</code></li>
407        </ul>
408    </div>
409                </div>
410                        </div>
411        </td>
412        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#removeListener" href="output/Ext.util.Observable.html#removeListener">Observable</a></td>
413    </tr>
414        <tr class="method-row inherited alt expandable">
415        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
416        <td class="sig">
417        <a id="Ext.SplitBar-resumeEvents"></a>
418            <b>resumeEvents</b>() : void            <div class="mdesc">
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>
420            <div class="long">
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">
422        <strong>Parameters:</strong>
423        <ul><li>None.</li>        </ul>
424        <strong>Returns:</strong>
425        <ul>
426            <li><code>void</code></li>
427        </ul>
428    </div>
429                </div>
430                        </div>
431        </td>
432        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#resumeEvents" href="output/Ext.util.Observable.html#resumeEvents">Observable</a></td>
433    </tr>
434        <tr class="method-row expandable">
435        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
436        <td class="sig">
437        <a id="Ext.SplitBar-setAdapter"></a>
438            <b>setAdapter</b>(&nbsp;<code>Object adapter</code>&nbsp;) : void            <div class="mdesc">
439                        <div class="short">Set the adapter this SplitBar uses</div>
440            <div class="long">
441                Set the adapter this SplitBar uses    <div class="mdetail-params">
442        <strong>Parameters:</strong>
443        <ul><li><code>adapter</code> : Object<div class="sub-desc">A SplitBar adapter object</div></li>        </ul>
444        <strong>Returns:</strong>
445        <ul>
446            <li><code>void</code></li>
447        </ul>
448    </div>
449                </div>
450                        </div>
451        </td>
452        <td class="msource">SplitBar</td>
453    </tr>
454        <tr class="method-row alt expandable">
455        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
456        <td class="sig">
457        <a id="Ext.SplitBar-setCurrentSize"></a>
458            <b>setCurrentSize</b>(&nbsp;<code>Number size</code>&nbsp;) : void            <div class="mdesc">
459                        <div class="short">Sets the initialize size for the resizing element</div>
460            <div class="long">
461                Sets the initialize size for the resizing element    <div class="mdetail-params">
462        <strong>Parameters:</strong>
463        <ul><li><code>size</code> : Number<div class="sub-desc">The initial size</div></li>        </ul>
464        <strong>Returns:</strong>
465        <ul>
466            <li><code>void</code></li>
467        </ul>
468    </div>
469                </div>
470                        </div>
471        </td>
472        <td class="msource">SplitBar</td>
473    </tr>
474        <tr class="method-row expandable">
475        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
476        <td class="sig">
477        <a id="Ext.SplitBar-setMaximumSize"></a>
478            <b>setMaximumSize</b>(&nbsp;<code>Number maxSize</code>&nbsp;) : void            <div class="mdesc">
479                        <div class="short">Sets the maximum size for the resizing element</div>
480            <div class="long">
481                Sets the maximum size for the resizing element    <div class="mdetail-params">
482        <strong>Parameters:</strong>
483        <ul><li><code>maxSize</code> : Number<div class="sub-desc">The maximum size</div></li>        </ul>
484        <strong>Returns:</strong>
485        <ul>
486            <li><code>void</code></li>
487        </ul>
488    </div>
489                </div>
490                        </div>
491        </td>
492        <td class="msource">SplitBar</td>
493    </tr>
494        <tr class="method-row alt expandable">
495        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
496        <td class="sig">
497        <a id="Ext.SplitBar-setMinimumSize"></a>
498            <b>setMinimumSize</b>(&nbsp;<code>Number minSize</code>&nbsp;) : void            <div class="mdesc">
499                        <div class="short">Sets the minimum size for the resizing element</div>
500            <div class="long">
501                Sets the minimum size for the resizing element    <div class="mdetail-params">
502        <strong>Parameters:</strong>
503        <ul><li><code>minSize</code> : Number<div class="sub-desc">The minimum size</div></li>        </ul>
504        <strong>Returns:</strong>
505        <ul>
506            <li><code>void</code></li>
507        </ul>
508    </div>
509                </div>
510                        </div>
511        </td>
512        <td class="msource">SplitBar</td>
513    </tr>
514        <tr class="method-row inherited expandable">
515        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
516        <td class="sig">
517        <a id="Ext.SplitBar-suspendEvents"></a>
518            <b>suspendEvents</b>() : void            <div class="mdesc">
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>
520            <div class="long">
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">
522        <strong>Parameters:</strong>
523        <ul><li>None.</li>        </ul>
524        <strong>Returns:</strong>
525        <ul>
526            <li><code>void</code></li>
527        </ul>
528    </div>
529                </div>
530                        </div>
531        </td>
532        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#suspendEvents" href="output/Ext.util.Observable.html#suspendEvents">Observable</a></td>
533    </tr>
534        <tr class="method-row inherited alt expandable">
535        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
536        <td class="sig">
537        <a id="Ext.SplitBar-un"></a>
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">
539                        <div class="short">Removes a listener (shorthand for removeListener)</div>
540            <div class="long">
541                Removes a listener (shorthand for removeListener)    <div class="mdetail-params">
542        <strong>Parameters:</strong>
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>
544        <strong>Returns:</strong>
545        <ul>
546            <li><code>void</code></li>
547        </ul>
548    </div>
549                </div>
550                        </div>
551        </td>
552        <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#un" href="output/Ext.util.Observable.html#un">Observable</a></td>
553    </tr>
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">
563        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
564        <td class="sig">
565        <a id="Ext.SplitBar-beforeresize"></a>
566            <b>beforeresize</b> : (&nbsp;<code>Ext.SplitBar this</code>&nbsp;)            <div class="mdesc">
567                        <div class="short">Fires before the splitter is dragged</div>
568            <div class="long">
569                Fires before the splitter is dragged    <div class="mdetail-params">
570        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>
571        <ul><li><code>this</code> : Ext.SplitBar<div class="sub-desc"></div></li>        </ul>
572    </div>
573                </div>
574                        </div>
575        </td>
576        <td class="msource">SplitBar</td>
577    </tr>
578        <tr class="event-row alt expandable">
579        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
580        <td class="sig">
581        <a id="Ext.SplitBar-moved"></a>
582            <b>moved</b> : (&nbsp;<code>Ext.SplitBar this</code>, <code>Number newSize</code>&nbsp;)            <div class="mdesc">
583                        <div class="short">Fires when the splitter is moved</div>
584            <div class="long">
585                Fires when the splitter is moved    <div class="mdetail-params">
586        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>
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>
588    </div>
589                </div>
590                        </div>
591        </td>
592        <td class="msource">SplitBar</td>
593    </tr>
594        <tr class="event-row expandable">
595        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
596        <td class="sig">
597        <a id="Ext.SplitBar-resize"></a>
598            <b>resize</b> : (&nbsp;<code>Ext.SplitBar this</code>, <code>Number newSize</code>&nbsp;)            <div class="mdesc">
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>
600            <div class="long">
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">
602        <strong style="font-weight:normal;">Listeners will be called with the following arguments:</strong>
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>
604    </div>
605                </div>
606                        </div>
607        </td>
608        <td class="msource">SplitBar</td>
609    </tr>
610            </table>
611       
612        </div>
Note: See TracBrowser for help on using the repository browser.