Upgrade to ExtJS 3.3.0 - Released 10/06/2010
[extjs.git] / docs / output / Ext.slider.SingleSlider.html
index 322e837..83d77fe 100644 (file)
@@ -1,4 +1,4 @@
-<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.slider.SingleSlider-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.slider.SingleSlider-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.slider.SingleSlider-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.slider.SingleSlider-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.slider.SingleSlider"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>&#13;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.slider.MultiSlider.html" ext:member="" ext:cls="Ext.slider.MultiSlider">MultiSlider</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif">SingleSlider</pre></div><h1>Class <a href="source/Slider.html#cls-Ext.slider.SingleSlider">Ext.slider.SingleSlider</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.slider</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/Slider.html#cls-Ext.slider.SingleSlider">Slider.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Slider.html#cls-Ext.slider.SingleSlider">SingleSlider</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.slider.MultiSlider.html" ext:cls="Ext.slider.MultiSlider" ext:member="">MultiSlider</a></td></tr></table><div class="description">Slider which supports vertical or horizontal orientation, keyboard adjustments,
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.slider.SingleSlider-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.slider.SingleSlider-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.slider.SingleSlider-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.slider.SingleSlider-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.slider.SingleSlider"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>&#13;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.slider.MultiSlider.html" ext:member="" ext:cls="Ext.slider.MultiSlider">MultiSlider</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif">SingleSlider</pre></div><h1>Class <a href="source/Slider.html#cls-Ext.slider.SingleSlider">Ext.slider.SingleSlider</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.slider</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/Slider.html#cls-Ext.slider.SingleSlider">Slider.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Slider.html#cls-Ext.slider.SingleSlider">SingleSlider</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.slider.MultiSlider.html" ext:cls="Ext.slider.MultiSlider" ext:member="">MultiSlider</a></td></tr></table><div class="description">Slider which supports vertical or horizontal orientation, keyboard adjustments,
 configurable snapping, axis clicking and animation. Can be added as an item to
 any container. Example usage:
 <pre><code><b>new</b> Ext.slider.SingleSlider({
@@ -566,7 +566,7 @@ The predefined xtypes are listed <a href="output/Ext.Component.html" ext:cls="Ex
 <br><br>
 If you subclass Components to create your own Components, you may register
 them using <a href="output/Ext.ComponentMgr.html#Ext.ComponentMgr-registerType" ext:member="registerType" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr.registerType</a> in order to be able to
-take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#xtype" ext:member="#xtype" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-y"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-y">y</a></b> : Number<div class="mdesc">The local y (top) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#y" ext:member="#y" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr></tbody></table><a id="Ext.slider.SingleSlider-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-disabled"></a><b><a href="source/Component.html#prop-Ext.Component-disabled">disabled</a></b> : Boolean<div class="mdesc">True if this component is disabled. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#disabled" ext:member="#disabled" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-dragging"></a><b><a href="source/Slider.html#prop-Ext.slider.MultiSlider-dragging">dragging</a></b> : Boolean<div class="mdesc">True while the thumb is in a drag operation</div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#dragging" ext:member="#dragging" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-el"></a><b><a href="source/Component.html#prop-Ext.Component-el">el</a></b> : Ext.Element<div class="mdesc"><div class="short">The Ext.Element which encapsulates this Component. Read-only.
+take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#xtype" ext:member="#xtype" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-y"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-y">y</a></b> : Number<div class="mdesc">The local y (top) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#y" ext:member="#y" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr></tbody></table><a id="Ext.slider.SingleSlider-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-disabled"></a><b><a href="source/Component.html#prop-Ext.Component-disabled">disabled</a></b> : Boolean<div class="mdesc">True if this component is disabled. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#disabled" ext:member="#disabled" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-el"></a><b><a href="source/Component.html#prop-Ext.Component-el">el</a></b> : Ext.Element<div class="mdesc"><div class="short">The Ext.Element which encapsulates this Component. Read-only.
 This will usually be a &amp;lt;DIV&gt; element created by the ...</div><div class="long"><p>The <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a> which encapsulates this Component. Read-only.</p>
 <p>This will <i>usually</i> be a &lt;DIV> element created by the class's onRender method, but
 that may be overridden using the <code><a href="output/Ext.Component.html#Ext.Component-autoEl" ext:member="autoEl" ext:cls="Ext.Component">autoEl</a></code> config.</p>
@@ -651,7 +651,12 @@ Or a shorthand syntax:<br>
     :
                                         void<div class="mdesc"><div class="short">Creates a new thumb and adds it to the slider</div><div class="long">Creates a new thumb and adds it to the slider<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Number<div class="sub-desc">The initial value to set on the thumb. Defaults to 0</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#addThumb" ext:member="#addThumb" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-applyToMarkup"></a><b><a href="source/Component.html#method-Ext.Component-applyToMarkup">applyToMarkup</a></b>(&nbsp;<code>String/HTMLElement&nbsp;el</code>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">Apply this component to existing markup that is valid. With this function, no call to render() is required.</div><div class="long">Apply this component to existing markup that is valid. With this function, no call to render() is required.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : String/HTMLElement<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#applyToMarkup" ext:member="#applyToMarkup" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-cloneConfig"></a><b><a href="source/Component.html#method-Ext.Component-cloneConfig">cloneConfig</a></b>(&nbsp;<code>Object&nbsp;overrides</code>&nbsp;)
+                                        void<div class="mdesc"><div class="short">Apply this component to existing markup that is valid. With this function, no call to render() is required.</div><div class="long">Apply this component to existing markup that is valid. With this function, no call to render() is required.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : String/HTMLElement<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#applyToMarkup" ext:member="#applyToMarkup" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-bubble"></a><b><a href="source/Component.html#method-Ext.Component-bubble">bubble</a></b>(&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Array&nbsp;args</code>]</span>&nbsp;)
+    :
+                                        Ext.Component<div class="mdesc"><div class="short">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (this) of...</div><div class="long">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (<i>this</i>) of
+function call will be the scope provided or the current component. The arguments to the function
+will be the args provided or the current component. If the function returns false at any point,
+the bubble is stopped.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope of the function (defaults to current node)</div></li><li><code>args</code> : Array<div class="sub-desc">(optional) The args to call the function with (default to passing the current component)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#bubble" ext:member="#bubble" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-cloneConfig"></a><b><a href="source/Component.html#method-Ext.Component-cloneConfig">cloneConfig</a></b>(&nbsp;<code>Object&nbsp;overrides</code>&nbsp;)
     :
                                         Ext.Component<div class="mdesc"><div class="short">Clone the current component using the original config values passed into this instance by default.</div><div class="long">Clone the current component using the original config values passed into this instance by default.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>overrides</code> : Object<div class="sub-desc">A new config containing any properties to override in the cloned version.
 An id property can be passed on this object, otherwise one will be generated to avoid duplicates.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">clone The cloned copy of this component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#cloneConfig" ext:member="#cloneConfig" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-destroy"></a><b><a href="source/Component.html#method-Ext.Component-destroy">destroy</a></b>()
@@ -702,9 +707,11 @@ access the required target more quickly.</p>
     :
                                         Ext.Container<div class="mdesc"><div class="short">Find a container above this component at any level by a custom function. If the passed function returns
 true, the con...</div><div class="long">Find a container above this component at any level by a custom function. If the passed function returns
-true, the container will be returned.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The custom function to call with the arguments (container, this component).</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container for which the custom function returns true</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentBy" ext:member="#findParentBy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-findParentByType"></a><b><a href="source/Component.html#method-Ext.Component-findParentByType">findParentByType</a></b>(&nbsp;<code>String/Class&nbsp;xtype</code>&nbsp;)
+true, the container will be returned.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>fn</code> : Function<div class="sub-desc">The custom function to call with the arguments (container, this component).</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container for which the custom function returns true</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentBy" ext:member="#findParentBy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-findParentByType"></a><b><a href="source/Component.html#method-Ext.Component-findParentByType">findParentByType</a></b>(&nbsp;<code>String/Ext.Component/Class&nbsp;xtype</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;shallow</code>]</span>&nbsp;)
     :
-                                        Ext.Container<div class="mdesc"><div class="short">Find a container above this component at any level by xtype or class</div><div class="long">Find a container above this component at any level by xtype or class<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String/Class<div class="sub-desc">The xtype string for a component, or the class of the component directly</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container which matches the given xtype or class</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentByType" ext:member="#findParentByType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Object...&nbsp;args</code>&nbsp;)
+                                        Ext.Container<div class="mdesc"><div class="short">Find a container above this component at any level by xtype or class</div><div class="long">Find a container above this component at any level by xtype or class<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String/Ext.Component/Class<div class="sub-desc">The xtype to check for this Component. Note that the the component can either be an instance
+or a component class:</div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
+the default), or true to check whether this Component is directly of the specified xtype.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">The first Container which matches the given xtype or class</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#findParentByType" ext:member="#findParentByType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Object...&nbsp;args</code>&nbsp;)
     :
                                         Boolean<div class="mdesc"><div class="short">Fires the specified event with the passed parameters (minus the event name).
 An event may be set to bubble up an Obse...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
@@ -792,7 +799,7 @@ false to cancel hiding the component.  Fires the 'h...</div><div class="long">Hi
 event after hiding the component. Note this method is called internally if
 the component is configured to be <code><a href="output/Ext.Component.html#Ext.Component-hidden" ext:member="hidden" ext:cls="Ext.Component">hidden</a></code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#hide" ext:member="#hide" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-isVisible"></a><b><a href="source/Component.html#method-Ext.Component-isVisible">isVisible</a></b>()
     :
-                                        Boolean<div class="mdesc"><div class="short">Returns true if this component is visible.</div><div class="long">Returns true if this component is visible.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component is visible, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isVisible" ext:member="#isVisible" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-isXType"></a><b><a href="source/Component.html#method-Ext.Component-isXType">isXType</a></b>(&nbsp;<code>String&nbsp;xtype</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;shallow</code>]</span>&nbsp;)
+                                        Boolean<div class="mdesc"><div class="short">Returns true if this component is visible.</div><div class="long">Returns true if this component is visible.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component is visible, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isVisible" ext:member="#isVisible" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-isXType"></a><b><a href="source/Component.html#method-Ext.Component-isXType">isXType</a></b>(&nbsp;<code>String/Ext.Component/Class&nbsp;xtype</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;shallow</code>]</span>&nbsp;)
     :
                                         Boolean<div class="mdesc"><div class="short">Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
 from th...</div><div class="long"><p>Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
@@ -804,7 +811,11 @@ to participate in determination of inherited xtypes.</b></p>
 <pre><code><b>var</b> t = <b>new</b> Ext.form.TextField();
 <b>var</b> isText = t.isXType(<em>'textfield'</em>);        <i>// true</i>
 <b>var</b> isBoxSubclass = t.isXType(<em>'box'</em>);       <i>// true, descended from BoxComponent</i>
-<b>var</b> isBoxInstance = t.isXType(<em>'box'</em>, true); <i>// false, not a direct BoxComponent instance</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String<div class="sub-desc">The xtype to check for this Component</div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
+<b>var</b> isBoxInstance = t.isXType(<em>'box'</em>, true); <i>// false, not a direct BoxComponent instance</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String/Ext.Component/Class<div class="sub-desc">The xtype to check for this Component. Note that the the component can either be an instance
+or a component class:
+<pre><code><b>var</b> c = <b>new</b> Ext.Component();
+console.log(c.isXType(c));
+console.log(c.isXType(Ext.Component));</code></pre></div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
 the default), or true to check whether this Component is directly of the specified xtype.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component descends from the specified xtype, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isXType" ext:member="#isXType" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-mon"></a><b><a href="source/Component.html#method-Ext.Component-mon">mon</a></b>(&nbsp;<code>Observable|Element&nbsp;item</code>,&nbsp;<code>Object|String&nbsp;ename</code>,&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<code>Object&nbsp;scope</code>,&nbsp;<code>Object&nbsp;opt</code>&nbsp;)
     :
                                         void<div class="mdesc"><div class="short">Adds listeners to any Observable object (or Elements) which are automatically removed when this Component
@@ -954,10 +965,10 @@ The afterrender event is fired after this Component has been rendere...</div><di
 <p>The afterrender event is fired after this Component has been <a href="output/Ext.Component.html#Ext.Component-rendered" ext:member="rendered" ext:cls="Ext.Component">rendered</a>, been postprocesed
 by any afterRender method defined for the Component, and, if <a href="output/Ext.Component.html#Ext.Component-stateful" ext:member="stateful" ext:cls="Ext.Component">stateful</a>, after state
 has been restored.</p><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#afterrender" ext:member="#afterrender" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-beforechange"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-beforechange">beforechange</a></b> :
-                                      (&nbsp;<code>Ext.Slider&nbsp;slider</code>,&nbsp;<code>Number&nbsp;newValue</code>,&nbsp;<code>Number&nbsp;oldValue</code>&nbsp;)
+                                      (&nbsp;<code>Ext.slider.MultiSlider&nbsp;slider</code>,&nbsp;<code>Number&nbsp;newValue</code>,&nbsp;<code>Number&nbsp;oldValue</code>&nbsp;)
     <div class="mdesc"><div class="short">Fires before the slider value is changed. By returning false from an event handler,
 you can cancel the event and prev...</div><div class="long">Fires before the slider value is changed. By returning false from an event handler,
-you can cancel the event and prevent the slider from changing.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.Slider<div class="sub-desc">The slider</div></li><li><code>newValue</code> : Number<div class="sub-desc">The new value which the slider is being changed to.</div></li><li><code>oldValue</code> : Number<div class="sub-desc">The old value which the slider was previously.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#beforechange" ext:member="#beforechange" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforedestroy"></a><b><a href="source/Component.html#event-Ext.Component-beforedestroy">beforedestroy</a></b> :
+you can cancel the event and prevent the slider from changing.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.slider.MultiSlider<div class="sub-desc">The slider</div></li><li><code>newValue</code> : Number<div class="sub-desc">The new value which the slider is being changed to.</div></li><li><code>oldValue</code> : Number<div class="sub-desc">The old value which the slider was previously.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#beforechange" ext:member="#beforechange" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforedestroy"></a><b><a href="source/Component.html#event-Ext.Component-beforedestroy">beforedestroy</a></b> :
                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
     <div class="mdesc"><div class="short">Fires before the component is destroyed. Return false from an event handler to stop the destroy.</div><div class="long">Fires before the component is <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">destroy</a>ed. Return false from an event handler to stop the <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">destroy</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforedestroy" ext:member="#beforedestroy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforehide"></a><b><a href="source/Component.html#event-Ext.Component-beforehide">beforehide</a></b> :
                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
@@ -982,20 +993,20 @@ provide custom state restoration.</div></li></ul></div></div></div></td><td clas
 <b><tt>getState()</tt></b> on the Component. This method must be provided by the
 developer to return whetever representation of state is required, by default, Ext.Component
 has a null implementation.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforestatesave" ext:member="#beforestatesave" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-change"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-change">change</a></b> :
-                                      (&nbsp;<code>Ext.Slider&nbsp;slider</code>,&nbsp;<code>Number&nbsp;newValue</code>,&nbsp;<code>Ext.slider.Thumb&nbsp;thumb</code>&nbsp;)
-    <div class="mdesc"><div class="short">Fires when the slider value is changed.</div><div class="long">Fires when the slider value is changed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.Slider<div class="sub-desc">The slider</div></li><li><code>newValue</code> : Number<div class="sub-desc">The new value which the slider has been changed to.</div></li><li><code>thumb</code> : Ext.slider.Thumb<div class="sub-desc">The thumb that was changed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#change" ext:member="#change" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-changecomplete"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-changecomplete">changecomplete</a></b> :
-                                      (&nbsp;<code>Ext.Slider&nbsp;slider</code>,&nbsp;<code>Number&nbsp;newValue</code>,&nbsp;<code>Ext.slider.Thumb&nbsp;thumb</code>&nbsp;)
-    <div class="mdesc"><div class="short">Fires when the slider value is changed by the user and any drag operations have completed.</div><div class="long">Fires when the slider value is changed by the user and any drag operations have completed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.Slider<div class="sub-desc">The slider</div></li><li><code>newValue</code> : Number<div class="sub-desc">The new value which the slider has been changed to.</div></li><li><code>thumb</code> : Ext.slider.Thumb<div class="sub-desc">The thumb that was changed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#changecomplete" ext:member="#changecomplete" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-destroy"></a><b><a href="source/Component.html#event-Ext.Component-destroy">destroy</a></b> :
+                                      (&nbsp;<code>Ext.slider.MultiSlider&nbsp;slider</code>,&nbsp;<code>Number&nbsp;newValue</code>,&nbsp;<code>Ext.slider.Thumb&nbsp;thumb</code>&nbsp;)
+    <div class="mdesc"><div class="short">Fires when the slider value is changed.</div><div class="long">Fires when the slider value is changed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.slider.MultiSlider<div class="sub-desc">The slider</div></li><li><code>newValue</code> : Number<div class="sub-desc">The new value which the slider has been changed to.</div></li><li><code>thumb</code> : Ext.slider.Thumb<div class="sub-desc">The thumb that was changed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#change" ext:member="#change" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-changecomplete"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-changecomplete">changecomplete</a></b> :
+                                      (&nbsp;<code>Ext.slider.MultiSlider&nbsp;slider</code>,&nbsp;<code>Number&nbsp;newValue</code>,&nbsp;<code>Ext.slider.Thumb&nbsp;thumb</code>&nbsp;)
+    <div class="mdesc"><div class="short">Fires when the slider value is changed by the user and any drag operations have completed.</div><div class="long">Fires when the slider value is changed by the user and any drag operations have completed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.slider.MultiSlider<div class="sub-desc">The slider</div></li><li><code>newValue</code> : Number<div class="sub-desc">The new value which the slider has been changed to.</div></li><li><code>thumb</code> : Ext.slider.Thumb<div class="sub-desc">The thumb that was changed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#changecomplete" ext:member="#changecomplete" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-destroy"></a><b><a href="source/Component.html#event-Ext.Component-destroy">destroy</a></b> :
                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
     <div class="mdesc"><div class="short">Fires after the component is destroyed.</div><div class="long">Fires after the component is <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">destroy</a>ed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#destroy" ext:member="#destroy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-disable"></a><b><a href="source/Component.html#event-Ext.Component-disable">disable</a></b> :
                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
     <div class="mdesc"><div class="short">Fires after the component is disabled.</div><div class="long">Fires after the component is disabled.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#disable" ext:member="#disable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-drag"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-drag">drag</a></b> :
-                                      (&nbsp;<code>Ext.Slider&nbsp;slider</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
-    <div class="mdesc"><div class="short">Fires continuously during the drag operation while the mouse is moving.</div><div class="long">Fires continuously during the drag operation while the mouse is moving.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.Slider<div class="sub-desc">The slider</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event fired from Ext.dd.DragTracker</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#drag" ext:member="#drag" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-dragend"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-dragend">dragend</a></b> :
-                                      (&nbsp;<code>Ext.Slider&nbsp;slider</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
-    <div class="mdesc"><div class="short">Fires after the drag operation has completed.</div><div class="long">Fires after the drag operation has completed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.Slider<div class="sub-desc">The slider</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event fired from Ext.dd.DragTracker</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#dragend" ext:member="#dragend" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-dragstart"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-dragstart">dragstart</a></b> :
-                                      (&nbsp;<code>Ext.Slider&nbsp;slider</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
-    <div class="mdesc"><div class="short">Fires after a drag operation has started.</div><div class="long">Fires after a drag operation has started.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.Slider<div class="sub-desc">The slider</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event fired from Ext.dd.DragTracker</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#dragstart" ext:member="#dragstart" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-enable"></a><b><a href="source/Component.html#event-Ext.Component-enable">enable</a></b> :
+                                      (&nbsp;<code>Ext.slider.MultiSlider&nbsp;slider</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
+    <div class="mdesc"><div class="short">Fires continuously during the drag operation while the mouse is moving.</div><div class="long">Fires continuously during the drag operation while the mouse is moving.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.slider.MultiSlider<div class="sub-desc">The slider</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event fired from Ext.dd.DragTracker</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#drag" ext:member="#drag" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-dragend"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-dragend">dragend</a></b> :
+                                      (&nbsp;<code>Ext.slider.MultiSlider&nbsp;slider</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
+    <div class="mdesc"><div class="short">Fires after the drag operation has completed.</div><div class="long">Fires after the drag operation has completed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.slider.MultiSlider<div class="sub-desc">The slider</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event fired from Ext.dd.DragTracker</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#dragend" ext:member="#dragend" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.slider.MultiSlider-dragstart"></a><b><a href="source/Slider.html#event-Ext.slider.MultiSlider-dragstart">dragstart</a></b> :
+                                      (&nbsp;<code>Ext.slider.MultiSlider&nbsp;slider</code>,&nbsp;<code>Ext.EventObject&nbsp;e</code>&nbsp;)
+    <div class="mdesc"><div class="short">Fires after a drag operation has started.</div><div class="long">Fires after a drag operation has started.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>slider</code> : Ext.slider.MultiSlider<div class="sub-desc">The slider</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc">The event fired from Ext.dd.DragTracker</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.slider.MultiSlider.html#dragstart" ext:member="#dragstart" ext:cls="Ext.slider.MultiSlider">MultiSlider</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-enable"></a><b><a href="source/Component.html#event-Ext.Component-enable">enable</a></b> :
                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
     <div class="mdesc"><div class="short">Fires after the component is enabled.</div><div class="long">Fires after the component is enabled.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#enable" ext:member="#enable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hide"></a><b><a href="source/Component.html#event-Ext.Component-hide">hide</a></b> :
                                       (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)