+++ /dev/null
-<!DOCTYPE html><html><head><title>Ext.slider.Tip | Ext JS 4.0 Documentation</title><script type="text/javascript" src="../ext-all.js"></script><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../scrollbars.css" type="text/css"><link rel="stylesheet" href="../docs.css" type="text/css"><link id="styleCss" rel="stylesheet" href="../style.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script><link rel="stylesheet" href="../prettify.css" type="text/css"><!-- link(rel: 'stylesheet', href: req.baseURL + '/css/ext4.css', type: 'text/css')--><link rel="shortcut icon" type="image/ico" href="../favicon.ico"><!--[if IE]>
-<style type="text/css">.head-band { display: none; }
-.header { border: 0; top: 0; left: 0px; background: url(../header.gif) repeat-x; }
-.doc-tab .members .member a.more { background-color: #efefef; }
-</style><link rel="stylesheet" href="/new/css/ie.css" type="text/css"><![endif]-->
-</head><body id="ext-body" class="iScroll"><div id="notice" class="notice">For up to date documentation and features, visit
-<a href="http://docs.sencha.com/ext-js/4-0">http://docs.sencha.com/ext-js/4-0</a></div><div class="wrapper"><div class="head-band"></div><div class="header"><h2><a href="../index.html">Sencha Documentation</a></h2></div><div id="search"><form><input type="text" placeholder="Search" id="search-field" autocomplete="off" name="q"></form><div id="search-box"></div></div><div id="treePanel"></div><div id="container"><script type="text/javascript">
-
- req = {
- liveURL: '.',
- standAloneMode: true,
- origDocClass: 'Ext.slider.Tip',
- docClass: 'Ext.slider.Tip',
- docReq: 'Ext.slider.Tip',
- version: '4.0',
- baseURL: '.',
- baseDocURL: '.',
- baseProdURL: '.'
- };
-
- clsInfo = {};
-
-
-
-</script>
-
-<script type="text/javascript" src="../search.js"></script>
-<!--script type="text/javascript" src="/new/javascripts/app/examples.js"></script-->
-<script type="text/javascript" src="../class_tree.js"></script>
-<script type="text/javascript" src="../class_doc.js"></script>
-<script type="text/javascript">
- req.source = 'Tip2.html#Ext-slider.Tip';
- clsInfo = {"methods":["Tip","add","addClass","addCls","addClsWithUI","addDocked","addEvents","addListener","addManagedListener","addStateEvents","afterComponentLayout","alignTo","animate","applyState","beforeComponentLayout","beforeLayout","bubble","capture","cascade","center","child","clearListeners","clearManagedListeners","cloneConfig","close","collapse","destroy","disable","doAutoRender","doComponentLayout","doConstrain","doLayout","down","enable","enableBubble","expand","findLayoutController","findParentBy","findParentByType","fireEvent","focus","getActiveAnimation","getBox","getBubbleTarget","getChildByElement","getComponent","getDockedComponent","getDockedItems","getEl","getHeight","getId","getInsertPosition","getLayout","getLoader","getPlugin","getPosition","getSize","getState","getStateId","getText","getWidth","getXType","getXTypes","hasListener","hasUICls","hide","insert","insertDocked","is","isDescendantOf","isDisabled","isDraggable","isDroppable","isFloating","isHidden","isVisible","isXType","move","nextNode","nextSibling","observe","on","previousNode","previousSibling","query","relayEvents","releaseCapture","remove","removeAll","removeCls","removeClsWithUI","removeDocked","removeListener","removeManagedListener","resumeEvents","sequenceFx","setActive","setAutoScroll","setDisabled","setDocked","setHeight","setIconCls","setLoading","setPagePosition","setPosition","setSize","setTitle","setUI","setVisible","setWidth","show","showAt","showBy","stopAnimation","suspendEvents","syncFx","toBack","toFront","toggleCollapse","un","up","update","updateBox"],"cfgs":["activeItem","animCollapse","autoDestroy","autoEl","autoRender","autoScroll","autoShow","baseCls","bbar","bodyBorder","bodyCls","bodyPadding","bodyStyle","border","bubbleEvents","buttons","closable","closeAction","cls","collapseDirection","collapseFirst","collapseMode","collapsed","collapsedCls","collapsible","componentCls","componentLayout","constrainPosition","contentEl","data","defaultAlign","defaultType","defaults","disabled","disabledCls","dockedItems","draggable","fbar","floatable","floating","focusOnToFront","frame","frameHeader","headerPosition","height","hidden","hideCollapseTool","hideMode","html","id","itemId","items","layout","lbar","listeners","loader","maintainFlex","margin","maxHeight","maxWidth","minButtonWidth","minHeight","minWidth","overCls","padding","placeholder","plugins","preventHeader","rbar","renderSelectors","renderTo","renderTpl","resizable","resizeHandles","saveBuffer","shadow","stateEvents","stateId","stateful","style","styleHtmlCls","styleHtmlContent","suspendLayout","tbar","titleCollapse","toFrontOnShow","tools","tpl","tplWriteMode","ui","width"],"properties":["dd","draggable","floatParent","frame","frameSize","hasActiveFx","items","maskOnDisable","ownerCt","rendered","stopFx","zIndexManager"],"events":["activate","add","added","afterlayout","afterrender","beforeactivate","beforeadd","beforecardswitch","beforedeactivate","beforedestroy","beforehide","beforeremove","beforerender","beforeshow","beforestaterestore","beforestatesave","bodyresize","cardswitch","deactivate","destroy","disable","enable","hide","iconchange","move","remove","removed","render","resize","show","staterestore","statesave","titlechange"],"subclasses":[]};
- Ext.onReady(function() {
- Ext.create('Docs.classPanel');
- });
-</script><div id="top-block" class="top-block"><h1 id="clsTitle" class="comp"><a href="../source/Tip2.html#Ext-slider.Tip" target="_blank">Ext.slider.Tip</a><span>xtype: slidertip</span></h1></div><div id="docContent"><div id="doc-overview-content"><div class="lft"><pre class="subclasses"><h4>Hierarchy</h4><div class="subclass f"><a href="Ext.AbstractComponent.html" rel="Ext.AbstractComponent" class="cls docClass">Ext.AbstractComponent</a><div class="subclass"><a href="Ext.Component.html" rel="Ext.Component" class="cls docClass">Ext.Component</a><div class="subclass"><a href="Ext.container.AbstractContainer.html" rel="Ext.container.AbstractContainer" class="cls docClass">Ext.container.AbstractContainer</a><div class="subclass"><a href="Ext.container.Container.html" rel="Ext.container.Container" class="cls docClass">Ext.container.Container</a><div class="subclass"><a href="Ext.panel.AbstractPanel.html" rel="Ext.panel.AbstractPanel" class="cls docClass">Ext.panel.AbstractPanel</a><div class="subclass"><a href="Ext.panel.Panel.html" rel="Ext.panel.Panel" class="cls docClass">Ext.panel.Panel</a><div class="subclass"><a href="Ext.tip.Tip.html" rel="Ext.tip.Tip" class="cls docClass">Ext.tip.Tip</a><div class="subclass"><strong>Ext.slider.Tip</strong></div></div></div></div></div></div></div></div><h4>Mixins</h4><div class="mixin"><a href="Ext.util.Observable.html" rel="Ext.util.Observable" class="cls docClass">Ext.util.Observable</a></div><div class="mixin"><a href="Ext.util.Animate.html" rel="Ext.util.Animate" class="cls docClass">Ext.util.Animate</a></div><div class="mixin"><a href="Ext.state.Stateful.html" rel="Ext.state.Stateful" class="cls docClass">Ext.state.Stateful</a></div><div class="mixin"><a href="Ext.util.Floating.html" rel="Ext.util.Floating" class="cls docClass">Ext.util.Floating</a></div></pre><p>Simple plugin for using an <a href="Ext.tip.Tip.html" rel="Ext.tip.Tip" class="docClass">Ext.tip.Tip</a> with a slider to show the slider value. In general this
-class is not created directly, instead pass the <a href="Ext.slider.Multi.html#useTips" rel="Ext.slider.Multi#useTips" class="docClass">Ext.slider.Multi.useTips</a> and
-<a href="Ext.slider.Multi.html#tipText" rel="Ext.slider.Multi#tipText" class="docClass">Ext.slider.Multi.tipText</a> configuration options to the slider directly.
-<img class="screenshot" src="../Ext.slider.Tip1.png" alt="Ext.slider.Tip component" />
-Example usage:</p>
-
-<pre class="prettyprint"> Ext.create('Ext.slider.Single', {
- width: 214,
- minValue: 0,
- maxValue: 100,
- useTips: true,
- renderTo: Ext.getBody()
- });
-</pre>
-
-
-<p>Optionally provide your own tip text by passing tipText:</p>
-
-<pre class="prettyprint"> new Ext.slider.Single({
- width: 214,
- minValue: 0,
- maxValue: 100,
- useTips: true,
- tipText: function(thumb){
- return Ext.String.format('<b>{0}% complete</b>', thumb.value);
- }
- });
- </pre>
-
-<div class="members"><div class="m-cfgs"><div class="definedBy">Defined By</div><a name="configs"></a><h3 class="cfg p">Config Options</h3><h4 class="cfgGroup">CSS Class configs</h4><div id="config-baseCls" class="member f inherited"><a href="Ext.slider.Tip.html#config-baseCls" rel="config-baseCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-cfg-baseCls" class="viewSource">view source</a></div><a name="baseCls"></a><a name="config-baseCls"></a><a href="Ext.slider.Tip.html#" rel="config-baseCls" class="cls expand">baseCls</a><span> : String</span></div><div class="description"><div class="short"><p>The base CSS class to apply to this panel's element (defaults to <code>'x-panel'</code>).</p>
-</div><div class="long"><p>The base CSS class to apply to this panel's element (defaults to <code>'x-panel'</code>).</p>
-</div></div></div><div id="config-bodyCls" class="member inherited"><a href="Ext.slider.Tip.html#config-bodyCls" rel="config-bodyCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-cfg-bodyCls" class="viewSource">view source</a></div><a name="bodyCls"></a><a name="config-bodyCls"></a><a href="Ext.slider.Tip.html#" rel="config-bodyCls" class="cls expand">bodyCls</a><span> : String/Array</span></div><div class="description"><div class="short">A CSS class, space-delimited string of classes, or array of classes to be applied to the panel's body element.
-The fo...</div><div class="long"><p>A CSS class, space-delimited string of classes, or array of classes to be applied to the panel's body element.
-The following examples are all valid:</p>
-
-<pre><code>bodyCls: 'foo'
-bodyCls: 'foo bar'
-bodyCls: ['foo', 'bar']
-</code></pre>
-
-</div></div></div><div id="config-cls" class="member inherited"><a href="Ext.slider.Tip.html#config-cls" rel="config-cls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-cls" class="viewSource">view source</a></div><a name="cls"></a><a name="config-cls"></a><a href="Ext.slider.Tip.html#" rel="config-cls" class="cls expand">cls</a><span> : String</span></div><div class="description"><div class="short">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
-useful for ...</div><div class="long"><p>An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
-useful for adding customized styles to the component or any of its children using standard CSS rules.</p>
-</div></div></div><div id="config-collapsedCls" class="member inherited"><a href="Ext.slider.Tip.html#config-collapsedCls" rel="config-collapsedCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-collapsedCls" class="viewSource">view source</a></div><a name="collapsedCls"></a><a name="config-collapsedCls"></a><a href="Ext.slider.Tip.html#" rel="config-collapsedCls" class="cls expand">collapsedCls</a><span> : String</span></div><div class="description"><div class="short"><p>A CSS class to add to the panel's element after it has been collapsed (defaults to
-<code>'collapsed'</code>).</p>
-</div><div class="long"><p>A CSS class to add to the panel's element after it has been collapsed (defaults to
-<code>'collapsed'</code>).</p>
-</div></div></div><div id="config-componentCls" class="member inherited"><a href="Ext.slider.Tip.html#config-componentCls" rel="config-componentCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-componentCls" class="viewSource">view source</a></div><a name="componentCls"></a><a name="config-componentCls"></a><a href="Ext.slider.Tip.html#" rel="config-componentCls" class="cls expand">componentCls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS Class to be added to a components root level element to give distinction to it
-via styling.</p>
-</div><div class="long"><p>CSS Class to be added to a components root level element to give distinction to it
-via styling.</p>
-</div></div></div><div id="config-disabledCls" class="member inherited"><a href="Ext.slider.Tip.html#config-disabledCls" rel="config-disabledCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-disabledCls" class="viewSource">view source</a></div><a name="disabledCls"></a><a name="config-disabledCls"></a><a href="Ext.slider.Tip.html#" rel="config-disabledCls" class="cls expand">disabledCls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</p>
-</div><div class="long"><p>CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</p>
-</div></div></div><div id="config-overCls" class="member inherited"><a href="Ext.slider.Tip.html#config-overCls" rel="config-overCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-overCls" class="viewSource">view source</a></div><a name="overCls"></a><a name="config-overCls"></a><a href="Ext.slider.Tip.html#" rel="config-overCls" class="cls expand">overCls</a><span> : String</span></div><div class="description"><div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves
-over the Element, and...</div><div class="long"><p>An optional extra CSS class that will be added to this component's Element when the mouse moves
-over the Element, and removed when the mouse moves out. (defaults to ''). This can be
-useful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules.</p>
-</div></div></div><div id="config-styleHtmlCls" class="member inherited"><a href="Ext.slider.Tip.html#config-styleHtmlCls" rel="config-styleHtmlCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-styleHtmlCls" class="viewSource">view source</a></div><a name="styleHtmlCls"></a><a name="config-styleHtmlCls"></a><a href="Ext.slider.Tip.html#" rel="config-styleHtmlCls" class="cls expand">styleHtmlCls</a><span> : String</span></div><div class="description"><div class="short"><p>The class that is added to the content target when you set styleHtmlContent to true.
-Defaults to 'x-html'</p>
-</div><div class="long"><p>The class that is added to the content target when you set styleHtmlContent to true.
-Defaults to 'x-html'</p>
-</div></div></div><h4 class="cfgGroup">Other Configs</h4><div id="config-activeItem" class="member f inherited"><a href="Ext.slider.Tip.html#config-activeItem" rel="config-activeItem" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-cfg-activeItem" class="viewSource">view source</a></div><a name="activeItem"></a><a name="config-activeItem"></a><a href="Ext.slider.Tip.html#" rel="config-activeItem" class="cls expand">activeItem</a><span> : String/Number</span></div><div class="description"><div class="short">A string component id or the numeric index of the component that should be initially activated within the
-container's...</div><div class="long"><p>A string component id or the numeric index of the component that should be initially activated within the
-container's layout on render. For example, activeItem: 'item-1' or activeItem: 0 (index 0 = the first
-item in the container's collection). activeItem only applies to layout styles that can display
-items one at a time (like <a href="Ext.layout.container.Card.html" rel="Ext.layout.container.Card" class="docClass">Ext.layout.container.Card</a> and <a href="Ext.layout.container.Fit.html" rel="Ext.layout.container.Fit" class="docClass">Ext.layout.container.Fit</a>).</p>
-</div></div></div><div id="config-animCollapse" class="member inherited"><a href="Ext.slider.Tip.html#config-animCollapse" rel="config-animCollapse" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-animCollapse" class="viewSource">view source</a></div><a name="animCollapse"></a><a name="config-animCollapse"></a><a href="Ext.slider.Tip.html#" rel="config-animCollapse" class="cls expand">animCollapse</a><span> : Boolean</span></div><div class="description"><div class="short">true to animate the transition when the panel is collapsed, false to skip the
-animation (defaults to true if the Ext....</div><div class="long"><p><code>true</code> to animate the transition when the panel is collapsed, <code>false</code> to skip the
-animation (defaults to <code>true</code> if the <a href="Ext.fx.Anim.html" rel="Ext.fx.Anim" class="docClass">Ext.fx.Anim</a> class is available, otherwise <code>false</code>).
-May also be specified as the animation duration in milliseconds.</p>
-</div></div></div><div id="config-autoDestroy" class="member inherited"><a href="Ext.slider.Tip.html#config-autoDestroy" rel="config-autoDestroy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-cfg-autoDestroy" class="viewSource">view source</a></div><a name="autoDestroy"></a><a name="config-autoDestroy"></a><a href="Ext.slider.Tip.html#" rel="config-autoDestroy" class="cls expand">autoDestroy</a><span> : Boolean</span></div><div class="description"><div class="short">If true the container will automatically destroy any contained component that is removed from it, else
-destruction mu...</div><div class="long"><p>If true the container will automatically destroy any contained component that is removed from it, else
-destruction must be handled manually.
-Defaults to true.</p>
-</div></div></div><div id="config-autoEl" class="member inherited"><a href="Ext.slider.Tip.html#config-autoEl" rel="config-autoEl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-autoEl" class="viewSource">view source</a></div><a name="autoEl"></a><a name="config-autoEl"></a><a href="Ext.slider.Tip.html#" rel="config-autoEl" class="cls expand">autoEl</a><span> : Mixed</span></div><div class="description"><div class="short">A tag name or DomHelper spec used to create the Element which will
-encapsulate this Component.
-
-
-You do not normally ...</div><div class="long"><p>A tag name or <a href="Ext.core.DomHelper.html" rel="Ext.core.DomHelper" class="docClass">DomHelper</a> spec used to create the <a href="Ext.slider.Tip.html#getEl" rel="Ext.slider.Tip#getEl" class="docClass">Element</a> which will
-encapsulate this Component.</p>
-
-
-<p>You do not normally need to specify this. For the base classes <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> and <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Ext.container.Container</a>,
-this defaults to <b><tt>'div'</tt></b>. The more complex Sencha classes use a more complex
-DOM structure specified by their own <a href="Ext.slider.Tip.html#renderTpl" rel="Ext.slider.Tip#renderTpl" class="docClass">renderTpl</a>s.</p>
-
-
-<p>This is intended to allow the developer to create application-specific utility Components encapsulated by
-different DOM elements. Example usage:</p>
-
-
-<pre><code>{
- xtype: 'component',
- autoEl: {
- tag: 'img',
- src: 'http://www.example.com/example.jpg'
- }
-}, {
- xtype: 'component',
- autoEl: {
- tag: 'blockquote',
- html: 'autoEl is cool!'
- }
-}, {
- xtype: 'container',
- autoEl: 'ul',
- cls: 'ux-unordered-list',
- items: {
- xtype: 'component',
- autoEl: 'li',
- html: 'First list item'
- }
-}
-</code></pre>
-
-</div></div></div><div id="config-autoRender" class="member inherited"><a href="Ext.slider.Tip.html#config-autoRender" rel="config-autoRender" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-autoRender" class="viewSource">view source</a></div><a name="autoRender"></a><a name="config-autoRender"></a><a href="Ext.slider.Tip.html#" rel="config-autoRender" class="cls expand">autoRender</a><span> : Mixed</span></div><div class="description"><div class="short">This config is intended mainly for floating Components which may or may not be shown. Instead
-of using renderTo in th...</div><div class="long"><p>This config is intended mainly for <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Components which may or may not be shown. Instead
-of using <a href="Ext.slider.Tip.html#renderTo" rel="Ext.slider.Tip#renderTo" class="docClass">renderTo</a> in the configuration, and rendering upon construction, this allows a Component
-to render itself upon first <i><a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a></i>.</p>
-
-
-<p>Specify as <code>true</code> to have this Component render to the document body upon first show.</p>
-
-
-<p>Specify as an element, or the ID of an element to have this Component render to a specific element upon first show.</p>
-
-
-<p><b>This defaults to <code>true</code> for the <a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Window</a> class.</b></p>
-
-</div></div></div><div id="config-autoScroll" class="member inherited"><a href="Ext.slider.Tip.html#config-autoScroll" rel="config-autoScroll" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-autoScroll" class="viewSource">view source</a></div><a name="autoScroll"></a><a name="config-autoScroll"></a><a href="Ext.slider.Tip.html#" rel="config-autoScroll" class="cls expand">autoScroll</a><span> : Boolean</span></div><div class="description"><div class="short">true to use overflow:'auto' on the components layout element and show scroll bars automatically when
-necessary, false...</div><div class="long"><p><code>true</code> to use overflow:'auto' on the components layout element and show scroll bars automatically when
-necessary, <code>false</code> to clip any overflowing content (defaults to <code>false</code>).</p>
-</div></div></div><div id="config-autoShow" class="member inherited"><a href="Ext.slider.Tip.html#config-autoShow" rel="config-autoShow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-autoShow" class="viewSource">view source</a></div><a name="autoShow"></a><a name="config-autoShow"></a><a href="Ext.slider.Tip.html#" rel="config-autoShow" class="cls expand">autoShow</a><span> : Boolean</span></div><div class="description"><div class="short">True to automatically show the component upon creation.
-This config option may only be used for floating components o...</div><div class="long"><p>True to automatically show the component upon creation.
-This config option may only be used for <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> components or components
-that use <a href="Ext.slider.Tip.html#autoRender" rel="Ext.slider.Tip#autoRender" class="docClass">autoRender</a>. Defaults to <tt>false</tt>.</p>
-</div></div></div><div id="config-baseCls" class="member inherited"><a href="Ext.slider.Tip.html#config-baseCls" rel="config-baseCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-cfg-baseCls" class="viewSource">view source</a></div><a name="baseCls"></a><a name="config-baseCls"></a><a href="Ext.slider.Tip.html#" rel="config-baseCls" class="cls expand">baseCls</a><span> : String</span></div><div class="description"><div class="short"><p>The base CSS class to apply to this panel's element (defaults to <code>'x-panel'</code>).</p>
-</div><div class="long"><p>The base CSS class to apply to this panel's element (defaults to <code>'x-panel'</code>).</p>
-</div></div></div><div id="config-bbar" class="member inherited"><a href="Ext.slider.Tip.html#config-bbar" rel="config-bbar" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-bbar" class="viewSource">view source</a></div><a name="bbar"></a><a name="config-bbar"></a><a href="Ext.slider.Tip.html#" rel="config-bbar" class="cls expand">bbar</a><span> : Object/Array</span></div><div class="description"><div class="short">Convenience method. Short for 'Bottom Bar'.
-
-bbar: [
- { xtype: 'button', text: 'Button 1' }
-]
-
-
-is equivalent to
-
-do...</div><div class="long"><p>Convenience method. Short for 'Bottom Bar'.</p>
-
-<pre><code>bbar: [
- { xtype: 'button', text: 'Button 1' }
-]
-</code></pre>
-
-<p>is equivalent to</p>
-
-<pre><code>dockedItems: [{
- xtype: 'toolbar',
- dock: 'bottom',
- items: [
- { xtype: 'button', text: 'Button 1' }
- ]
-}]
-</code></pre>
-</div></div></div><div id="config-bodyBorder" class="member inherited"><a href="Ext.slider.Tip.html#config-bodyBorder" rel="config-bodyBorder" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-cfg-bodyBorder" class="viewSource">view source</a></div><a name="bodyBorder"></a><a name="config-bodyBorder"></a><a href="Ext.slider.Tip.html#" rel="config-bodyBorder" class="cls expand">bodyBorder</a><span> : Boolean</span></div><div class="description"><div class="short">A shortcut to add or remove the border on the body of a panel. This only applies to a panel which has the frame confi...</div><div class="long"><p>A shortcut to add or remove the border on the body of a panel. This only applies to a panel which has the <a href="Ext.slider.Tip.html#frame" rel="Ext.slider.Tip#frame" class="docClass">frame</a> configuration set to <code>true</code>.
-Defaults to <code>undefined</code>.</p>
-</div></div></div><div id="config-bodyCls" class="member inherited"><a href="Ext.slider.Tip.html#config-bodyCls" rel="config-bodyCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-cfg-bodyCls" class="viewSource">view source</a></div><a name="bodyCls"></a><a name="config-bodyCls"></a><a href="Ext.slider.Tip.html#" rel="config-bodyCls" class="cls expand">bodyCls</a><span> : String/Array</span></div><div class="description"><div class="short">A CSS class, space-delimited string of classes, or array of classes to be applied to the panel's body element.
-The fo...</div><div class="long"><p>A CSS class, space-delimited string of classes, or array of classes to be applied to the panel's body element.
-The following examples are all valid:</p>
-
-<pre><code>bodyCls: 'foo'
-bodyCls: 'foo bar'
-bodyCls: ['foo', 'bar']
-</code></pre>
-
-</div></div></div><div id="config-bodyPadding" class="member inherited"><a href="Ext.slider.Tip.html#config-bodyPadding" rel="config-bodyPadding" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-cfg-bodyPadding" class="viewSource">view source</a></div><a name="bodyPadding"></a><a name="config-bodyPadding"></a><a href="Ext.slider.Tip.html#" rel="config-bodyPadding" class="cls expand">bodyPadding</a><span> : Number/String</span></div><div class="description"><div class="short">A shortcut for setting a padding style on the body element. The value can either be
-a number to be applied to all sid...</div><div class="long"><p>A shortcut for setting a padding style on the body element. The value can either be
-a number to be applied to all sides, or a normal css string describing padding.
-Defaults to <code>undefined</code>.</p>
-</div></div></div><div id="config-bodyStyle" class="member inherited"><a href="Ext.slider.Tip.html#config-bodyStyle" rel="config-bodyStyle" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-cfg-bodyStyle" class="viewSource">view source</a></div><a name="bodyStyle"></a><a name="config-bodyStyle"></a><a href="Ext.slider.Tip.html#" rel="config-bodyStyle" class="cls expand">bodyStyle</a><span> : String/Object/Function</span></div><div class="description"><div class="short">Custom CSS styles to be applied to the panel's body element, which can be supplied as a valid CSS style string,
-an ob...</div><div class="long"><p>Custom CSS styles to be applied to the panel's body element, which can be supplied as a valid CSS style string,
-an object containing style property name/value pairs or a function that returns such a string or object.
-For example, these two formats are interpreted to be equivalent:</p>
-
-<pre><code>bodyStyle: 'background:#ffc; padding:10px;'
-
-bodyStyle: {
- background: '#ffc',
- padding: '10px'
-}
-</code></pre>
-
-</div></div></div><div id="config-border" class="member inherited"><a href="Ext.slider.Tip.html#config-border" rel="config-border" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-border" class="viewSource">view source</a></div><a name="border"></a><a name="config-border"></a><a href="Ext.slider.Tip.html#" rel="config-border" class="cls expand">border</a><span> : Number/String</span></div><div class="description"><div class="short">Specifies the border for this component. The border can be a single numeric value to apply to all sides or
-it can be ...</div><div class="long"><p>Specifies the border for this component. The border can be a single numeric value to apply to all sides or
-it can be a CSS style specification for each style, for example: '10 5 3 10'.</p>
-</div></div></div><div id="config-bubbleEvents" class="member inherited"><a href="Ext.slider.Tip.html#config-bubbleEvents" rel="config-bubbleEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-cfg-bubbleEvents" class="viewSource">view source</a></div><a name="bubbleEvents"></a><a name="config-bubbleEvents"></a><a href="Ext.slider.Tip.html#" rel="config-bubbleEvents" class="cls expand">bubbleEvents</a><span> : Array</span></div><div class="description"><div class="short">An array of events that, when fired, should be bubbled to any parent container.
-See Ext.util.Observable.enableBubble....</div><div class="long"><p>An array of events that, when fired, should be bubbled to any parent container.
-See <a href="Ext.util.Observable.html#enableBubble" rel="Ext.util.Observable#enableBubble" class="docClass">Ext.util.Observable.enableBubble</a>.
-Defaults to <code>['add', 'remove']</code>.
-
-</div></div></div><div id="config-buttons" class="member inherited"><a href="Ext.slider.Tip.html#config-buttons" rel="config-buttons" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-buttons" class="viewSource">view source</a></div><a name="buttons"></a><a name="config-buttons"></a><a href="Ext.slider.Tip.html#" rel="config-buttons" class="cls expand">buttons</a><span> : Object/Array</span></div><div class="description"><div class="short">Convenience method used for adding buttons docked to the bottom right of the panel. This is a
-synonym for the fbar co...</div><div class="long"><p>Convenience method used for adding buttons docked to the bottom right of the panel. This is a
-synonym for the <a href="Ext.slider.Tip.html#fbar" rel="Ext.slider.Tip#fbar" class="docClass">fbar</a> config.</p>
-
-<pre><code>buttons: [
- { text: 'Button 1' }
-]
-</code></pre>
-
-<p>is equivalent to</p>
-
-<pre><code>dockedItems: [{
- xtype: 'toolbar',
- dock: 'bottom',
- defaults: {minWidth: <a href="Ext.slider.Tip.html#minButtonWidth" rel="Ext.slider.Tip#minButtonWidth" class="docClass">minButtonWidth</a>},
- items: [
- { xtype: 'component', flex: 1 },
- { xtype: 'button', text: 'Button 1' }
- ]
-}]
-</code></pre>
-
-<p>The <a href="Ext.slider.Tip.html#minButtonWidth" rel="Ext.slider.Tip#minButtonWidth" class="docClass">minButtonWidth</a> is used as the default <a href="Ext.button.Button.html#minWidth" rel="Ext.button.Button#minWidth" class="docClass">minWidth</a> for
-each of the buttons in the buttons toolbar.</p>
-</div></div></div><div id="config-closable" class="member inherited"><a href="Ext.slider.Tip.html#config-closable" rel="config-closable" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-cfg-closable" class="viewSource">view source</a></div><a name="closable"></a><a name="config-closable"></a><a href="Ext.slider.Tip.html#" rel="config-closable" class="cls expand">closable</a><span> : Boolean</span></div><div class="description"><div class="short"><p>True to render a close tool button into the tooltip header (defaults to false).</p>
-</div><div class="long"><p>True to render a close tool button into the tooltip header (defaults to false).</p>
-</div></div></div><div id="config-closeAction" class="member inherited"><a href="Ext.slider.Tip.html#config-closeAction" rel="config-closeAction" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-closeAction" class="viewSource">view source</a></div><a name="closeAction"></a><a name="config-closeAction"></a><a href="Ext.slider.Tip.html#" rel="config-closeAction" class="cls expand">closeAction</a><span> : String</span></div><div class="description"><div class="short">The action to take when the close header tool is clicked:
-
-'destroy' : Default
-remove the window from the DOM and des...</div><div class="long"><p>The action to take when the close header tool is clicked:
-<div class="mdetail-params"><ul>
-<li><b><code>'<a href="Ext.slider.Tip.html#destroy" rel="Ext.slider.Tip#destroy" class="docClass">destroy</a>'</code></b> : <b>Default</b><div class="sub-desc">
-<a href="Ext.slider.Tip.html#destroy" rel="Ext.slider.Tip#destroy" class="docClass">remove</a> the window from the DOM and <a href="Ext.Component.html#destroy" rel="Ext.Component#destroy" class="docClass">destroy</a>
-it and all descendant Components. The window will <b>not</b> be available to be
-redisplayed via the <a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a> method.
-</div></li>
-<li><b><code>'<a href="Ext.slider.Tip.html#hide" rel="Ext.slider.Tip#hide" class="docClass">hide</a>'</code></b> : <div class="sub-desc">
-<a href="Ext.slider.Tip.html#hide" rel="Ext.slider.Tip#hide" class="docClass">hide</a> the window by setting visibility to hidden and applying negative offsets.
-The window will be available to be redisplayed via the <a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a> method.
-</div></li>
-</ul></div>
-<p><b>Note:</b> This behavior has changed! setting *does* affect the <a href="Ext.slider.Tip.html#close" rel="Ext.slider.Tip#close" class="docClass">close</a> method
-which will invoke the approriate closeAction.
-
-</div></div></div><div id="config-cls" class="member inherited"><a href="Ext.slider.Tip.html#config-cls" rel="config-cls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-cls" class="viewSource">view source</a></div><a name="cls"></a><a name="config-cls"></a><a href="Ext.slider.Tip.html#" rel="config-cls" class="cls expand">cls</a><span> : String</span></div><div class="description"><div class="short">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
-useful for ...</div><div class="long"><p>An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be
-useful for adding customized styles to the component or any of its children using standard CSS rules.</p>
-</div></div></div><div id="config-collapseDirection" class="member inherited"><a href="Ext.slider.Tip.html#config-collapseDirection" rel="config-collapseDirection" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-collapseDirection" class="viewSource">view source</a></div><a name="collapseDirection"></a><a name="config-collapseDirection"></a><a href="Ext.slider.Tip.html#" rel="config-collapseDirection" class="cls expand">collapseDirection</a><span> : Boolean</span></div><div class="description"><div class="short">The direction to collapse the Panel when the toggle button is clicked.
-
-
-Defaults to the headerPosition
-
-
-Important: ...</div><div class="long"><p>The direction to collapse the Panel when the toggle button is clicked.</p>
-
-
-<p>Defaults to the <a href="Ext.slider.Tip.html#headerPosition" rel="Ext.slider.Tip#headerPosition" class="docClass">headerPosition</a></p>
-
-
-<p><b>Important: This config is <u>ignored</u> for <a href="Ext.slider.Tip.html#collapsible" rel="Ext.slider.Tip#collapsible" class="docClass">collapsible</a> Panels which are direct child items of a <a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">border layout</a>.</b></p>
-
-
-<p>Specify as <code>'top'</code>, <code>'bottom'</code>, <code>'left'</code> or <code>'right'</code>.</p>
-
-</div></div></div><div id="config-collapseFirst" class="member inherited"><a href="Ext.slider.Tip.html#config-collapseFirst" rel="config-collapseFirst" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-collapseFirst" class="viewSource">view source</a></div><a name="collapseFirst"></a><a name="config-collapseFirst"></a><a href="Ext.slider.Tip.html#" rel="config-collapseFirst" class="cls expand">collapseFirst</a><span> : Boolean</span></div><div class="description"><div class="short">true to make sure the collapse/expand toggle button always renders first (to the left of)
-any other tools in the pane...</div><div class="long"><p><code>true</code> to make sure the collapse/expand toggle button always renders first (to the left of)
-any other tools in the panel's title bar, <code>false</code> to render it last (defaults to <code>true</code>).</p>
-</div></div></div><div id="config-collapseMode" class="member inherited"><a href="Ext.slider.Tip.html#config-collapseMode" rel="config-collapseMode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-collapseMode" class="viewSource">view source</a></div><a name="collapseMode"></a><a name="config-collapseMode"></a><a href="Ext.slider.Tip.html#" rel="config-collapseMode" class="cls expand">collapseMode</a><span> : String</span></div><div class="description"><div class="short">Important: this config is only effective for collapsible Panels which are direct child items of a border layout.
-
-
-Wh...</div><div class="long"><p><b>Important: this config is only effective for <a href="Ext.slider.Tip.html#collapsible" rel="Ext.slider.Tip#collapsible" class="docClass">collapsible</a> Panels which are direct child items of a <a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">border layout</a>.</b></p>
-
-
-<p>When <i>not</i> a direct child item of a <a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">border layout</a>, then the Panel's header remains visible, and the body is collapsed to zero dimensions.
-If the Panel has no header, then a new header (orientated correctly depending on the <a href="Ext.slider.Tip.html#collapseDirection" rel="Ext.slider.Tip#collapseDirection" class="docClass">collapseDirection</a>) will be inserted to show a the title and a re-expand tool.</p>
-
-
-<p>When a child item of a <a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">border layout</a>, this config has two options:
-<div class="mdetail-params"><ul>
-<li><b><code>undefined/omitted</code></b><div class="sub-desc">When collapsed, a placeholder <a href="Ext.panel.Header.html" rel="Ext.panel.Header" class="docClass">Header</a> is injected into the layout to represent the Panel
-and to provide a UI with a Tool to allow the user to re-expand the Panel.</div></li>
-<li><b><code>header</code></b> : <div class="sub-desc">The Panel collapses to leave its header visible as when not inside a <a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">border layout</a>.</div></li>
-</ul></div></p>
-
-</div></div></div><div id="config-collapsed" class="member inherited"><a href="Ext.slider.Tip.html#config-collapsed" rel="config-collapsed" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-collapsed" class="viewSource">view source</a></div><a name="collapsed"></a><a name="config-collapsed"></a><a href="Ext.slider.Tip.html#" rel="config-collapsed" class="cls expand">collapsed</a><span> : Boolean</span></div><div class="description"><div class="short"><p><code>true</code> to render the panel collapsed, <code>false</code> to render it expanded (defaults to
-<code>false</code>).</p>
-</div><div class="long"><p><code>true</code> to render the panel collapsed, <code>false</code> to render it expanded (defaults to
-<code>false</code>).</p>
-</div></div></div><div id="config-collapsedCls" class="member inherited"><a href="Ext.slider.Tip.html#config-collapsedCls" rel="config-collapsedCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-collapsedCls" class="viewSource">view source</a></div><a name="collapsedCls"></a><a name="config-collapsedCls"></a><a href="Ext.slider.Tip.html#" rel="config-collapsedCls" class="cls expand">collapsedCls</a><span> : String</span></div><div class="description"><div class="short"><p>A CSS class to add to the panel's element after it has been collapsed (defaults to
-<code>'collapsed'</code>).</p>
-</div><div class="long"><p>A CSS class to add to the panel's element after it has been collapsed (defaults to
-<code>'collapsed'</code>).</p>
-</div></div></div><div id="config-collapsible" class="member inherited"><a href="Ext.slider.Tip.html#config-collapsible" rel="config-collapsible" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-collapsible" class="viewSource">view source</a></div><a name="collapsible"></a><a name="config-collapsible"></a><a href="Ext.slider.Tip.html#" rel="config-collapsible" class="cls expand">collapsible</a><span> : Boolean</span></div><div class="description"><div class="short">True to make the panel collapsible and have an expand/collapse toggle Tool added into
-the header tool button area. Fa...</div><div class="long"><p>True to make the panel collapsible and have an expand/collapse toggle Tool added into
-the header tool button area. False to keep the panel sized either statically, or by an owning layout manager, with no toggle Tool (defaults to false).</p>
-
-
-<p>See <a href="Ext.slider.Tip.html#collapseMode" rel="Ext.slider.Tip#collapseMode" class="docClass">collapseMode</a> and <a href="Ext.slider.Tip.html#collapseDirection" rel="Ext.slider.Tip#collapseDirection" class="docClass">collapseDirection</a></p>
-</div></div></div><div id="config-componentCls" class="member inherited"><a href="Ext.slider.Tip.html#config-componentCls" rel="config-componentCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-componentCls" class="viewSource">view source</a></div><a name="componentCls"></a><a name="config-componentCls"></a><a href="Ext.slider.Tip.html#" rel="config-componentCls" class="cls expand">componentCls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS Class to be added to a components root level element to give distinction to it
-via styling.</p>
-</div><div class="long"><p>CSS Class to be added to a components root level element to give distinction to it
-via styling.</p>
-</div></div></div><div id="config-componentLayout" class="member inherited"><a href="Ext.slider.Tip.html#config-componentLayout" rel="config-componentLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-componentLayout" class="viewSource">view source</a></div><a name="componentLayout"></a><a name="config-componentLayout"></a><a href="Ext.slider.Tip.html#" rel="config-componentLayout" class="cls expand">componentLayout</a><span> : String/Object</span></div><div class="description"><div class="short">The sizing and positioning of a Component's internal Elements is the responsibility of
-the Component's layout manager...</div><div class="long"><p>The sizing and positioning of a Component's internal Elements is the responsibility of
-the Component's layout manager which sizes a Component's internal structure in response to the Component being sized.</p>
-
-
-<p>Generally, developers will not use this configuration as all provided Components which need their internal
-elements sizing (Such as <a href="Ext.form.field.Base.html" rel="Ext.form.field.Base" class="docClass">input fields</a>) come with their own componentLayout managers.</p>
-
-
-<p>The <a href="Ext.layout.container.Auto.html" rel="Ext.layout.container.Auto" class="docClass">default layout manager</a> will be used on instances of the base <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> class
-which simply sizes the Component's encapsulating element to the height and width specified in the <a href="Ext.slider.Tip.html#setSize" rel="Ext.slider.Tip#setSize" class="docClass">setSize</a> method.</p>
-
-</div></div></div><div id="config-constrainPosition" class="member inherited"><a href="Ext.slider.Tip.html#config-constrainPosition" rel="config-constrainPosition" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-cfg-constrainPosition" class="viewSource">view source</a></div><a name="constrainPosition"></a><a name="config-constrainPosition"></a><a href="Ext.slider.Tip.html#" rel="config-constrainPosition" class="cls expand">constrainPosition</a><span> : Boolean</span></div><div class="description"><div class="short"><p>If true, then the tooltip will be automatically constrained to stay within
-the browser viewport. Defaults to false.</p>
-</div><div class="long"><p>If true, then the tooltip will be automatically constrained to stay within
-the browser viewport. Defaults to false.</p>
-</div></div></div><div id="config-contentEl" class="member inherited"><a href="Ext.slider.Tip.html#config-contentEl" rel="config-contentEl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-contentEl" class="viewSource">view source</a></div><a name="contentEl"></a><a name="config-contentEl"></a><a href="Ext.slider.Tip.html#" rel="config-contentEl" class="cls expand">contentEl</a><span> : String</span></div><div class="description"><div class="short">Optional. Specify an existing HTML element, or the id of an existing HTML element to use as the content
-for this comp...</div><div class="long"><p>Optional. Specify an existing HTML element, or the <code>id</code> of an existing HTML element to use as the content
-for this component.</p>
-
-
-<ul>
-<li><b>Description</b> :
-<div class="sub-desc">This config option is used to take an existing HTML element and place it in the layout element
-of a new component (it simply moves the specified DOM element <i>after the Component is rendered</i> to use as the content.</div></li>
-<li><b>Notes</b> :
-<div class="sub-desc">The specified HTML element is appended to the layout element of the component <i>after any configured
-<a href="Ext.slider.Tip.html#html" rel="Ext.slider.Tip#html" class="docClass">HTML</a> has been inserted</i>, and so the document will not contain this element at the time the <a href="Ext.slider.Tip.html#render" rel="Ext.slider.Tip#render" class="docClass">render</a> event is fired.</div>
-<div class="sub-desc">The specified HTML element used will not participate in any <code><b><a href="Ext.container.Container.html#layout" rel="Ext.container.Container#layout" class="docClass">layout</a></b></code>
-scheme that the Component may use. It is just HTML. Layouts operate on child <code><b><a href="Ext.container.Container.html#items" rel="Ext.container.Container#items" class="docClass">items</a></b></code>.</div>
-<div class="sub-desc">Add either the <code>x-hidden</code> or the <code>x-hide-display</code> CSS class to
-prevent a brief flicker of the content before it is rendered to the panel.</div></li>
-</ul>
-
-</div></div></div><div id="config-data" class="member inherited"><a href="Ext.slider.Tip.html#config-data" rel="config-data" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-data" class="viewSource">view source</a></div><a name="data"></a><a name="config-data"></a><a href="Ext.slider.Tip.html#" rel="config-data" class="cls expand">data</a><span> : Mixed</span></div><div class="description"><div class="short"><p>The initial set of data to apply to the <code><a href="Ext.slider.Tip.html#tpl" rel="Ext.slider.Tip#tpl" class="docClass">tpl</a></code> to
-update the content area of the Component.</p>
-</div><div class="long"><p>The initial set of data to apply to the <code><a href="Ext.slider.Tip.html#tpl" rel="Ext.slider.Tip#tpl" class="docClass">tpl</a></code> to
-update the content area of the Component.</p>
-</div></div></div><div id="config-defaultAlign" class="member inherited"><a href="Ext.slider.Tip.html#config-defaultAlign" rel="config-defaultAlign" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-cfg-defaultAlign" class="viewSource">view source</a></div><a name="defaultAlign"></a><a name="config-defaultAlign"></a><a href="Ext.slider.Tip.html#" rel="config-defaultAlign" class="cls expand">defaultAlign</a><span> : String</span></div><div class="description"><div class="short">Experimental. The default Ext.core.Element.alignTo anchor position value
-for this tip relative to its element of orig...</div><div class="long"><p><b>Experimental</b>. The default <a href="Ext.core.Element.html#alignTo" rel="Ext.core.Element#alignTo" class="docClass">Ext.core.Element.alignTo</a> anchor position value
-for this tip relative to its element of origin (defaults to "tl-bl?").</p>
-</div></div></div><div id="config-defaultType" class="member inherited"><a href="Ext.slider.Tip.html#config-defaultType" rel="config-defaultType" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-cfg-defaultType" class="viewSource">view source</a></div><a name="defaultType"></a><a name="config-defaultType"></a><a href="Ext.slider.Tip.html#" rel="config-defaultType" class="cls expand">defaultType</a><span> : String</span></div><div class="description"><div class="short">The default xtype of child Components to create in this Container when
-a child item is specified as a raw configurati...</div><div class="long"><p>The default <a href="Ext.Component.html" rel="Ext.Component" class="docClass">xtype</a> of child Components to create in this Container when
-a child item is specified as a raw configuration object, rather than as an instantiated Component.</p>
-
-
-<p>Defaults to <code>'panel'</code>.</p>
-
-</div></div></div><div id="config-defaults" class="member inherited"><a href="Ext.slider.Tip.html#config-defaults" rel="config-defaults" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-cfg-defaults" class="viewSource">view source</a></div><a name="defaults"></a><a name="config-defaults"></a><a href="Ext.slider.Tip.html#" rel="config-defaults" class="cls expand">defaults</a><span> : Object|Function</span></div><div class="description"><div class="short">This option is a means of applying default settings to all added items whether added through the items
-config or via ...</div><div class="long"><p>This option is a means of applying default settings to all added items whether added through the <a href="Ext.slider.Tip.html#items" rel="Ext.slider.Tip#items" class="docClass">items</a>
-config or via the <a href="Ext.slider.Tip.html#add" rel="Ext.slider.Tip#add" class="docClass">add</a> or <a href="Ext.slider.Tip.html#insert" rel="Ext.slider.Tip#insert" class="docClass">insert</a> methods.</p>
-
-
-<p>If an added item is a config object, and <b>not</b> an instantiated Component, then the default properties are
-unconditionally applied. If the added item <b>is</b> an instantiated Component, then the default properties are
-applied conditionally so as not to override existing properties in the item.</p>
-
-
-<p>If the defaults option is specified as a function, then the function will be called using this Container as the
-scope (<code>this</code> reference) and passing the added item as the first parameter. Any resulting object
-from that call is then applied to the item as default properties.</p>
-
-
-<p>For example, to automatically apply padding to the body of each of a set of
-contained <a href="Ext.panel.Panel.html" rel="Ext.panel.Panel" class="docClass">Ext.panel.Panel</a> items, you could pass: <code>defaults: {bodyStyle:'padding:15px'}</code>.</p>
-
-
-<p>Usage:</p>
-
-
-<pre><code>defaults: { // defaults are applied to items, not the container
- autoScroll:true
-},
-items: [
- {
- xtype: 'panel', // defaults <b>do not</b> have precedence over
- id: 'panel1', // options in config objects, so the defaults
- autoScroll: false // will not be applied here, panel1 will be autoScroll:false
- },
- new Ext.panel.Panel({ // defaults <b>do</b> have precedence over options
- id: 'panel2', // options in components, so the defaults
- autoScroll: false // will be applied here, panel2 will be autoScroll:true.
- })
-]</code></pre>
-
-</div></div></div><div id="config-disabled" class="member inherited"><a href="Ext.slider.Tip.html#config-disabled" rel="config-disabled" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-disabled" class="viewSource">view source</a></div><a name="disabled"></a><a name="config-disabled"></a><a href="Ext.slider.Tip.html#" rel="config-disabled" class="cls expand">disabled</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Defaults to false.</p>
-</div><div class="long"><p>Defaults to false.</p>
-</div></div></div><div id="config-disabledCls" class="member inherited"><a href="Ext.slider.Tip.html#config-disabledCls" rel="config-disabledCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-disabledCls" class="viewSource">view source</a></div><a name="disabledCls"></a><a name="config-disabledCls"></a><a href="Ext.slider.Tip.html#" rel="config-disabledCls" class="cls expand">disabledCls</a><span> : String</span></div><div class="description"><div class="short"><p>CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</p>
-</div><div class="long"><p>CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</p>
-</div></div></div><div id="config-dockedItems" class="member inherited"><a href="Ext.slider.Tip.html#config-dockedItems" rel="config-dockedItems" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-dockedItems" class="viewSource">view source</a></div><a name="dockedItems"></a><a name="config-dockedItems"></a><a href="Ext.slider.Tip.html#" rel="config-dockedItems" class="cls expand">dockedItems</a><span> : Object/Array</span></div><div class="description"><div class="short">A component or series of components to be added as docked items to this panel.
-The docked items can be docked to eith...</div><div class="long"><p>A component or series of components to be added as docked items to this panel.
-The docked items can be docked to either the top, right, left or bottom of a panel.
-This is typically used for things like toolbars or tab bars:</p>
-
-<pre><code>var panel = new Ext.panel.Panel({
- dockedItems: [{
- xtype: 'toolbar',
- dock: 'top',
- items: [{
- text: 'Docked to the top'
- }]
- }]
-});</pre>
-
-
-<p></code></p>
-</div></div></div><div id="config-draggable" class="member inherited"><a href="Ext.slider.Tip.html#config-draggable" rel="config-draggable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-draggable" class="viewSource">view source</a></div><a name="draggable"></a><a name="config-draggable"></a><a href="Ext.slider.Tip.html#" rel="config-draggable" class="cls expand">draggable</a><span> : Mixed</span></div><div class="description"><div class="short">Specify as true to make a floating Component draggable using the Component's encapsulating element as the drag handle...</div><div class="long"><p>Specify as true to make a <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Component draggable using the Component's encapsulating element as the drag handle.</p>
-
-
-<p>This may also be specified as a config object for the <a href="Ext.util.ComponentDragger.html" rel="Ext.util.ComponentDragger" class="docClass">ComponentDragger</a> which is instantiated to perform dragging.</p>
-
-
-<p>For example to create a Component which may only be dragged around using a certain internal element as the drag handle,
-use the delegate option:</p>
-
-
-<p><code></p>
-
-<pre>new Ext.Component({
- constrain: true,
- floating:true,
- style: {
- backgroundColor: '#fff',
- border: '1px solid black'
- },
- html: '<h1 style="cursor:move">The title</h1><p>The content</p>',
- draggable: {
- delegate: 'h1'
- }
-}).show();
-</pre>
-
-
-<p></code></p>
-</div></div></div><div id="config-fbar" class="member inherited"><a href="Ext.slider.Tip.html#config-fbar" rel="config-fbar" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-fbar" class="viewSource">view source</a></div><a name="fbar"></a><a name="config-fbar"></a><a href="Ext.slider.Tip.html#" rel="config-fbar" class="cls expand">fbar</a><span> : Object/Array</span></div><div class="description"><div class="short">Convenience method used for adding items to the bottom right of the panel. Short for Footer Bar.
-
-fbar: [
- { type: '...</div><div class="long"><p>Convenience method used for adding items to the bottom right of the panel. Short for Footer Bar.</p>
-
-<pre><code>fbar: [
- { type: 'button', text: 'Button 1' }
-]
-</code></pre>
-
-<p>is equivalent to</p>
-
-<pre><code>dockedItems: [{
- xtype: 'toolbar',
- dock: 'bottom',
- defaults: {minWidth: <a href="Ext.slider.Tip.html#minButtonWidth" rel="Ext.slider.Tip#minButtonWidth" class="docClass">minButtonWidth</a>},
- items: [
- { xtype: 'component', flex: 1 },
- { xtype: 'button', text: 'Button 1' }
- ]
-}]
-</code></pre>
-
-<p>The <a href="Ext.slider.Tip.html#minButtonWidth" rel="Ext.slider.Tip#minButtonWidth" class="docClass">minButtonWidth</a> is used as the default <a href="Ext.button.Button.html#minWidth" rel="Ext.button.Button#minWidth" class="docClass">minWidth</a> for
-each of the buttons in the fbar.</p>
-</div></div></div><div id="config-floatable" class="member inherited"><a href="Ext.slider.Tip.html#config-floatable" rel="config-floatable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-floatable" class="viewSource">view source</a></div><a name="floatable"></a><a name="config-floatable"></a><a href="Ext.slider.Tip.html#" rel="config-floatable" class="cls expand">floatable</a><span> : Boolean</span></div><div class="description"><div class="short">Important: This config is only effective for collapsible Panels which are direct child items of a border layout.
-
-
-tr...</div><div class="long"><p><b>Important: This config is only effective for <a href="Ext.slider.Tip.html#collapsible" rel="Ext.slider.Tip#collapsible" class="docClass">collapsible</a> Panels which are direct child items of a <a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">border layout</a>.</b></p>
-
-
-<p><tt>true</tt> to allow clicking a collapsed Panel's <a href="Ext.slider.Tip.html#placeholder" rel="Ext.slider.Tip#placeholder" class="docClass">placeholder</a> to display the Panel floated
-above the layout, <tt>false</tt> to force the user to fully expand a collapsed region by
-clicking the expand button to see it again (defaults to <tt>true</tt>).</p>
-</div></div></div><div id="config-floating" class="member inherited"><a href="Ext.slider.Tip.html#config-floating" rel="config-floating" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-floating" class="viewSource">view source</a></div><a name="floating"></a><a name="config-floating"></a><a href="Ext.slider.Tip.html#" rel="config-floating" class="cls expand">floating</a><span> : Boolean</span></div><div class="description"><div class="short">Specify as true to float the Component outside of the document flow using CSS absolute positioning.
-
-
-Components such...</div><div class="long"><p>Specify as true to float the Component outside of the document flow using CSS absolute positioning.</p>
-
-
-<p>Components such as <a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Window</a>s and <a href="Ext.menu.Menu.html" rel="Ext.menu.Menu" class="docClass">Menu</a>s are floating
-by default.</p>
-
-
-<p>Floating Components that are programatically <a href="Ext.Component.html#render" rel="Ext.Component#render" class="docClass">rendered</a> will register themselves with the global
-<a href="Ext.WindowManager.html" rel="Ext.WindowManager" class="docClass">ZIndexManager</a></p>
-
-
-<h3 class="pa">Floating Components as child items of a Container</h3>
-
-
-<p>A floating Component may be used as a child item of a Container. This just allows the floating Component to seek a ZIndexManager by
-examining the ownerCt chain.</p>
-
-
-<p>When configured as floating, Components acquire, at render time, a <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">ZIndexManager</a> which manages a stack
-of related floating Components. The ZIndexManager brings a single floating Component to the top of its stack when
-the Component's <a href="Ext.slider.Tip.html#toFront" rel="Ext.slider.Tip#toFront" class="docClass">toFront</a> method is called.</p>
-
-
-<p>The ZIndexManager is found by traversing up the <a href="Ext.slider.Tip.html#ownerCt" rel="Ext.slider.Tip#ownerCt" class="docClass">ownerCt</a> chain to find an ancestor which itself is floating. This is so that
-descendant floating Components of floating <i>Containers</i> (Such as a ComboBox dropdown within a Window) can have its zIndex managed relative
-to any siblings, but always <b>above</b> that floating ancestor Container.</p>
-
-
-<p>If no floating ancestor is found, a floating Component registers itself with the default <a href="Ext.WindowManager.html" rel="Ext.WindowManager" class="docClass">ZIndexManager</a>.</p>
-
-
-<p>Floating components <i>do not participate in the Container's layout</i>. Because of this, they are not rendered until you explicitly
-<a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a> them.</p>
-
-
-<p>After rendering, the ownerCt reference is deleted, and the <a href="Ext.slider.Tip.html#floatParent" rel="Ext.slider.Tip#floatParent" class="docClass">floatParent</a> property is set to the found floating ancestor Container.
-If no floating ancestor Container was found the <a href="Ext.slider.Tip.html#floatParent" rel="Ext.slider.Tip#floatParent" class="docClass">floatParent</a> property will not be set.</p>
-
-</div></div></div><div id="config-focusOnToFront" class="member inherited"><a href="Ext.slider.Tip.html#config-focusOnToFront" rel="config-focusOnToFront" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-cfg-focusOnToFront" class="viewSource">view source</a></div><a name="focusOnToFront"></a><a name="config-focusOnToFront"></a><a href="Ext.slider.Tip.html#" rel="config-focusOnToFront" class="cls expand">focusOnToFront</a><span> : Boolean</span></div><div class="description"><div class="short">Specifies whether the floated component should be automatically focused when it is
-brought to the front. Defaults to ...</div><div class="long"><p>Specifies whether the floated component should be automatically <a href="Ext.slider.Tip.html#focus" rel="Ext.slider.Tip#focus" class="docClass">focused</a> when it is
-<a href="Ext.slider.Tip.html#toFront" rel="Ext.slider.Tip#toFront" class="docClass">brought to the front</a>. Defaults to true.</p>
-</div></div></div><div id="config-frame" class="member inherited"><a href="Ext.slider.Tip.html#config-frame" rel="config-frame" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-frame" class="viewSource">view source</a></div><a name="frame"></a><a name="config-frame"></a><a href="Ext.slider.Tip.html#" rel="config-frame" class="cls expand">frame</a><span> : Boolean</span></div><div class="description"><div class="short"><p>True to apply a frame to the panel.</p>
-</div><div class="long"><p>True to apply a frame to the panel.</p>
-</div></div></div><div id="config-frameHeader" class="member inherited"><a href="Ext.slider.Tip.html#config-frameHeader" rel="config-frameHeader" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-frameHeader" class="viewSource">view source</a></div><a name="frameHeader"></a><a name="config-frameHeader"></a><a href="Ext.slider.Tip.html#" rel="config-frameHeader" class="cls expand">frameHeader</a><span> : Boolean</span></div><div class="description"><div class="short"><p>True to apply a frame to the panel panels header (if 'frame' is true).</p>
-</div><div class="long"><p>True to apply a frame to the panel panels header (if 'frame' is true).</p>
-</div></div></div><div id="config-headerPosition" class="member inherited"><a href="Ext.slider.Tip.html#config-headerPosition" rel="config-headerPosition" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-headerPosition" class="viewSource">view source</a></div><a name="headerPosition"></a><a name="config-headerPosition"></a><a href="Ext.slider.Tip.html#" rel="config-headerPosition" class="cls expand">headerPosition</a><span> : String</span></div><div class="description"><div class="short"><p>Specify as <code>'top'</code>, <code>'bottom'</code>, <code>'left'</code> or <code>'right'</code>. Defaults to <code>'top'</code>.</p>
-</div><div class="long"><p>Specify as <code>'top'</code>, <code>'bottom'</code>, <code>'left'</code> or <code>'right'</code>. Defaults to <code>'top'</code>.</p>
-</div></div></div><div id="config-height" class="member inherited"><a href="Ext.slider.Tip.html#config-height" rel="config-height" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-height" class="viewSource">view source</a></div><a name="height"></a><a name="config-height"></a><a href="Ext.slider.Tip.html#" rel="config-height" class="cls expand">height</a><span> : Number</span></div><div class="description"><div class="short"><p>The height of this component in pixels.</p>
-</div><div class="long"><p>The height of this component in pixels.</p>
-</div></div></div><div id="config-hidden" class="member inherited"><a href="Ext.slider.Tip.html#config-hidden" rel="config-hidden" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-hidden" class="viewSource">view source</a></div><a name="hidden"></a><a name="config-hidden"></a><a href="Ext.slider.Tip.html#" rel="config-hidden" class="cls expand">hidden</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Defaults to false.</p>
-</div><div class="long"><p>Defaults to false.</p>
-</div></div></div><div id="config-hideCollapseTool" class="member inherited"><a href="Ext.slider.Tip.html#config-hideCollapseTool" rel="config-hideCollapseTool" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-hideCollapseTool" class="viewSource">view source</a></div><a name="hideCollapseTool"></a><a name="config-hideCollapseTool"></a><a href="Ext.slider.Tip.html#" rel="config-hideCollapseTool" class="cls expand">hideCollapseTool</a><span> : Boolean</span></div><div class="description"><div class="short"><p><code>true</code> to hide the expand/collapse toggle button when <code><a href="Ext.slider.Tip.html#collapsible" rel="Ext.slider.Tip#collapsible" class="docClass">collapsible</a> == true</code>,
-<code>false</code> to display it (defaults to <code>false</code>).</p>
-</div><div class="long"><p><code>true</code> to hide the expand/collapse toggle button when <code><a href="Ext.slider.Tip.html#collapsible" rel="Ext.slider.Tip#collapsible" class="docClass">collapsible</a> == true</code>,
-<code>false</code> to display it (defaults to <code>false</code>).</p>
-</div></div></div><div id="config-hideMode" class="member inherited"><a href="Ext.slider.Tip.html#config-hideMode" rel="config-hideMode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-hideMode" class="viewSource">view source</a></div><a name="hideMode"></a><a name="config-hideMode"></a><a href="Ext.slider.Tip.html#" rel="config-hideMode" class="cls expand">hideMode</a><span> : String</span></div><div class="description"><div class="short">A String which specifies how this Component's encapsulating DOM element will be hidden.
-Values may be
-'display' : The...</div><div class="long"><p>A String which specifies how this Component's encapsulating DOM element will be hidden.
-Values may be<div class="mdetail-params"><ul>
-<li><code>'display'</code> : The Component will be hidden using the <code>display: none</code> style.</li>
-<li><code>'visibility'</code> : The Component will be hidden using the <code>visibility: hidden</code> style.</li>
-<li><code>'offsets'</code> : The Component will be hidden by absolutely positioning it out of the visible area of the document. This
-is useful when a hidden Component must maintain measurable dimensions. Hiding using <code>display</code> results
-in a Component having zero dimensions.</li></ul></div>
-Defaults to <code>'display'</code>.</p>
-</div></div></div><div id="config-html" class="member inherited"><a href="Ext.slider.Tip.html#config-html" rel="config-html" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-html" class="viewSource">view source</a></div><a name="html"></a><a name="config-html"></a><a href="Ext.slider.Tip.html#" rel="config-html" class="cls expand">html</a><span> : String/Object</span></div><div class="description"><div class="short">An HTML fragment, or a DomHelper specification to use as the layout element
-content (defaults to ''). The HTML conten...</div><div class="long"><p>An HTML fragment, or a <a href="Ext.core.DomHelper.html" rel="Ext.core.DomHelper" class="docClass">DomHelper</a> specification to use as the layout element
-content (defaults to ''). The HTML content is added after the component is rendered,
-so the document will not contain this HTML at the time the <a href="Ext.slider.Tip.html#render" rel="Ext.slider.Tip#render" class="docClass">render</a> event is fired.
-This content is inserted into the body <i>before</i> any configured <a href="Ext.slider.Tip.html#contentEl" rel="Ext.slider.Tip#contentEl" class="docClass">contentEl</a> is appended.</p>
-</div></div></div><div id="config-id" class="member inherited"><a href="Ext.slider.Tip.html#config-id" rel="config-id" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-id" class="viewSource">view source</a></div><a name="id"></a><a name="config-id"></a><a href="Ext.slider.Tip.html#" rel="config-id" class="cls expand">id</a><span> : String</span></div><div class="description"><div class="short">The unique id of this component instance (defaults to an auto-assigned id).
-
-
-It should not be necessary to use this ...</div><div class="long"><p>The <b><u>unique id of this component instance</u></b> (defaults to an <a href="Ext.slider.Tip.html#getId" rel="Ext.slider.Tip#getId" class="docClass">auto-assigned id</a>).</p>
-
-
-<p>It should not be necessary to use this configuration except for singleton objects in your application.
-Components created with an id may be accessed globally using <a href="Ext.html#getCmp" rel="Ext#getCmp" class="docClass">Ext.getCmp</a>.</p>
-
-
-<p>Instead of using assigned ids, use the <a href="Ext.slider.Tip.html#itemId" rel="Ext.slider.Tip#itemId" class="docClass">itemId</a> config, and <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> which
-provides selector-based searching for Sencha Components analogous to DOM querying. The <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Container</a>
-class contains <a href="Ext.container.Container.html#down" rel="Ext.container.Container#down" class="docClass">shortcut methods</a> to query its descendant Components by selector.</p>
-
-
-<p>Note that this id will also be used as the element id for the containing HTML element
-that is rendered to the page for this component. This allows you to write id-based CSS
-rules to style the specific instance of this component uniquely, and also to select
-sub-elements using this component's id as the parent.</p>
-
-
-<p><b>Note</b>: to avoid complications imposed by a unique <tt>id</tt> also see <code><a href="Ext.slider.Tip.html#itemId" rel="Ext.slider.Tip#itemId" class="docClass">itemId</a></code>.</p>
-
-
-<p><b>Note</b>: to access the container of a Component see <code><a href="Ext.slider.Tip.html#ownerCt" rel="Ext.slider.Tip#ownerCt" class="docClass">ownerCt</a></code>.</p>
-
-</div></div></div><div id="config-itemId" class="member inherited"><a href="Ext.slider.Tip.html#config-itemId" rel="config-itemId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-itemId" class="viewSource">view source</a></div><a name="itemId"></a><a name="config-itemId"></a><a href="Ext.slider.Tip.html#" rel="config-itemId" class="cls expand">itemId</a><span> : String</span></div><div class="description"><div class="short">An itemId can be used as an alternative way to get a reference to a component
-when no object reference is available. ...</div><div class="long"><p>An <tt>itemId</tt> can be used as an alternative way to get a reference to a component
-when no object reference is available. Instead of using an <code><a href="Ext.slider.Tip.html#id" rel="Ext.slider.Tip#id" class="docClass">id</a></code> with
-<a href="Ext.html" rel="Ext" class="docClass">Ext</a>.<a href="Ext.html#getCmp" rel="Ext#getCmp" class="docClass">getCmp</a>, use <code>itemId</code> with
-<a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Ext.container.Container</a>.<a href="Ext.container.Container.html#getComponent" rel="Ext.container.Container#getComponent" class="docClass">getComponent</a> which will retrieve
-<code>itemId</code>'s or <tt><a href="Ext.slider.Tip.html#id" rel="Ext.slider.Tip#id" class="docClass">id</a></tt>'s. Since <code>itemId</code>'s are an index to the
-container's internal MixedCollection, the <code>itemId</code> is scoped locally to the container --
-avoiding potential conflicts with <a href="Ext.ComponentManager.html" rel="Ext.ComponentManager" class="docClass">Ext.ComponentManager</a> which requires a <b>unique</b>
-<code><a href="Ext.slider.Tip.html#id" rel="Ext.slider.Tip#id" class="docClass">id</a></code>.</p>
-
-
-<pre><code>var c = new Ext.panel.Panel({ //
- <a href="Ext.Component.html#height" rel="Ext.Component#height" class="docClass">height</a>: 300,
- <a href="Ext.slider.Tip.html#renderTo" rel="Ext.slider.Tip#renderTo" class="docClass">renderTo</a>: document.body,
- <a href="Ext.container.Container.html#layout" rel="Ext.container.Container#layout" class="docClass">layout</a>: 'auto',
- <a href="Ext.container.Container.html#items" rel="Ext.container.Container#items" class="docClass">items</a>: [
- {
- itemId: 'p1',
- <a href="Ext.panel.Panel.html#title" rel="Ext.panel.Panel#title" class="docClass">title</a>: 'Panel 1',
- <a href="Ext.Component.html#height" rel="Ext.Component#height" class="docClass">height</a>: 150
- },
- {
- itemId: 'p2',
- <a href="Ext.panel.Panel.html#title" rel="Ext.panel.Panel#title" class="docClass">title</a>: 'Panel 2',
- <a href="Ext.Component.html#height" rel="Ext.Component#height" class="docClass">height</a>: 150
- }
- ]
-})
-p1 = c.<a href="Ext.container.Container.html#getComponent" rel="Ext.container.Container#getComponent" class="docClass">getComponent</a>('p1'); // not the same as <a href="Ext.html#getCmp" rel="Ext#getCmp" class="docClass">Ext.getCmp()</a>
-p2 = p1.<a href="Ext.slider.Tip.html#ownerCt" rel="Ext.slider.Tip#ownerCt" class="docClass">ownerCt</a>.<a href="Ext.container.Container.html#getComponent" rel="Ext.container.Container#getComponent" class="docClass">getComponent</a>('p2'); // reference via a sibling
-</code></pre>
-
-
-<p>Also see <tt><a href="Ext.slider.Tip.html#id" rel="Ext.slider.Tip#id" class="docClass">id</a></tt>, <code><a href="Ext.slider.Tip.html#query" rel="Ext.slider.Tip#query" class="docClass">query</a></code>, <code><a href="Ext.slider.Tip.html#down" rel="Ext.slider.Tip#down" class="docClass">down</a></code> and <code><a href="Ext.slider.Tip.html#child" rel="Ext.slider.Tip#child" class="docClass">child</a></code>.</p>
-
-
-<p><b>Note</b>: to access the container of an item see <tt><a href="Ext.slider.Tip.html#ownerCt" rel="Ext.slider.Tip#ownerCt" class="docClass">ownerCt</a></tt>.</p>
-
-</div></div></div><div id="config-items" class="member inherited"><a href="Ext.slider.Tip.html#config-items" rel="config-items" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-cfg-items" class="viewSource">view source</a></div><a name="items"></a><a name="config-items"></a><a href="Ext.slider.Tip.html#" rel="config-items" class="cls expand">items</a><span> : Object/Array</span></div><div class="description"><div class="short">A single item, or an array of child Components to be added to this container
-
-
-Unless configured with a layout, a Con...</div><div class="long"><p>A single item, or an array of child Components to be added to this container</p>
-
-
-<p><b>Unless configured with a <a href="Ext.slider.Tip.html#layout" rel="Ext.slider.Tip#layout" class="docClass">layout</a>, a Container simply renders child Components serially into
-its encapsulating element and performs no sizing or positioning upon them.</b><p>
-<p>Example:</p>
-<pre><code>// specifying a single item
-items: {...},
-layout: 'fit', // The single items is sized to fit
-
-// specifying multiple items
-items: [{...}, {...}],
-layout: 'hbox', // The items are arranged horizontally
- </code></pre>
-<p>Each item may be:</p>
-<ul>
-<li>A <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Component</a></li>
-<li>A Component configuration object</li>
-</ul>
-<p>If a configuration object is specified, the actual type of Component to be
-instantiated my be indicated by using the <a href="Ext.Component.html#xtype" rel="Ext.Component#xtype" class="docClass">xtype</a> option.</p>
-<p>Every Component class has its own <a href="Ext.Component.html#xtype" rel="Ext.Component#xtype" class="docClass">xtype</a>.</p>
-<p>If an <a href="Ext.Component.html#xtype" rel="Ext.Component#xtype" class="docClass">xtype</a> is not explicitly
-specified, the <a href="Ext.slider.Tip.html#defaultType" rel="Ext.slider.Tip#defaultType" class="docClass">defaultType</a> for the Container is used, which by default is usually <code>panel</code>.</p>
-<p><b>Notes</b>:</p>
-<p>Ext uses lazy rendering. Child Components will only be rendered
-should it become necessary. Items are automatically laid out when they are first
-shown (no sizing is done while hidden), or in response to a <a href="Ext.slider.Tip.html#doLayout" rel="Ext.slider.Tip#doLayout" class="docClass">doLayout</a> call.</p>
-<p>Do not specify <code><a href="Ext.panel.Panel.html#contentEl" rel="Ext.panel.Panel#contentEl" class="docClass">contentEl</a></code> or
-<code><a href="Ext.panel.Panel.html#html" rel="Ext.panel.Panel#html" class="docClass">html</a></code> with <code>items</code>.</p>
-
-</div></div></div><div id="config-layout" class="member inherited"><a href="Ext.slider.Tip.html#config-layout" rel="config-layout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-cfg-layout" class="viewSource">view source</a></div><a name="layout"></a><a name="config-layout"></a><a href="Ext.slider.Tip.html#" rel="config-layout" class="cls expand">layout</a><span> : String/Object</span></div><div class="description"><div class="short">*Important: In order for child items to be correctly sized and
-positioned, typically a layout manager must be specifi...</div><div class="long"><p><b>*Important</b>: In order for child items to be correctly sized and
-positioned, typically a layout manager <b>must</b> be specified through
-the <code>layout</code> configuration option.</p>
-
-
-<br><p>The sizing and positioning of child <a href="Ext.slider.Tip.html#items" rel="Ext.slider.Tip#items" class="docClass">items</a> is the responsibility of
-
-
-<p>the Container's layout manager which creates and manages the type of layout
-you have in mind. For example:</p></p>
-
-<p>If the <a href="Ext.slider.Tip.html#layout" rel="Ext.slider.Tip#layout" class="docClass">layout</a> configuration is not explicitly specified for
-a general purpose container (e.g. Container or Panel) the
-<a href="Ext.layout.container.Auto.html" rel="Ext.layout.container.Auto" class="docClass">default layout manager</a> will be used
-which does nothing but render child components sequentially into the
-Container (no sizing or positioning will be performed in this situation).</p>
-
-
-<br><p><b><code>layout</code></b> may be specified as either as an Object or
-
-
-<p>as a String:</p><div><ul class="mdetail-params"></p>
-
-<p><li><u>Specify as an Object</u></li></p>
-
-<div><ul class="mdetail-params">
-<li>Example usage:</li>
-<pre><code>layout: {
- type: 'vbox',
- align: 'left'
-}
- </code></pre>
-
-<li><code><b>type</b></code></li>
-<br/><p>The layout type to be used for this container. If not specified,
-a default <a href="Ext.layout.container.Auto.html" rel="Ext.layout.container.Auto" class="docClass">Ext.layout.container.Auto</a> will be created and used.</p>
-<br/><p>Valid layout <code>type</code> values are:</p>
-<div class="sub-desc"><ul class="mdetail-params">
-<li><code><b><a href="Ext.layout.container.Auto.html" rel="Ext.layout.container.Auto" class="docClass">Auto</a></b></code> <b>Default</b></li>
-<li><code><b><a href="Ext.layout.container.Card.html" rel="Ext.layout.container.Card" class="docClass">card</a></b></code></li>
-<li><code><b><a href="Ext.layout.container.Fit.html" rel="Ext.layout.container.Fit" class="docClass">fit</a></b></code></li>
-<li><code><b><a href="Ext.layout.container.HBox.html" rel="Ext.layout.container.HBox" class="docClass">hbox</a></b></code></li>
-<li><code><b><a href="Ext.layout.container.VBox.html" rel="Ext.layout.container.VBox" class="docClass">vbox</a></b></code></li>
-<li><code><b><a href="Ext.layout.container.Anchor.html" rel="Ext.layout.container.Anchor" class="docClass">anchor</a></b></code></li>
-<li><code><b><a href="Ext.layout.container.Table.html" rel="Ext.layout.container.Table" class="docClass">table</a></b></code></li>
-</ul></div>
-
-<li>Layout specific configuration properties</li>
-<br/><p>Additional layout specific configuration properties may also be
-specified. For complete details regarding the valid config options for
-each layout type, see the layout class corresponding to the <code>type</code>
-specified.</p>
-
-</ul></div>
-
-
-<p><li><u>Specify as a String</u></li></p>
-
-<div><ul class="mdetail-params">
-<li>Example usage:</li>
-<pre><code>layout: {
- type: 'vbox',
- padding: '5',
- align: 'left'
-}
- </code></pre>
-<li><code><b>layout</b></code></li>
-<br/><p>The layout <code>type</code> to be used for this container (see list
-of valid layout type values above).</p><br/>
-<br/><p>Additional layout specific configuration properties. For complete
-details regarding the valid config options for each layout type, see the
-layout class corresponding to the <code>layout</code> specified.</p>
-</ul></div>
-
-
-<p></ul></div></p>
-</div></div></div><div id="config-lbar" class="member inherited"><a href="Ext.slider.Tip.html#config-lbar" rel="config-lbar" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-lbar" class="viewSource">view source</a></div><a name="lbar"></a><a name="config-lbar"></a><a href="Ext.slider.Tip.html#" rel="config-lbar" class="cls expand">lbar</a><span> : Object/Array</span></div><div class="description"><div class="short">Convenience method. Short for 'Left Bar' (left-docked, vertical toolbar).
-
- lbar: [
-
- { xtype: 'button', text: 'But...</div><div class="long"><p>Convenience method. Short for 'Left Bar' (left-docked, vertical toolbar).</p>
-
-<p> lbar: [</p>
-
-<pre><code> { xtype: 'button', text: 'Button 1' }
-</code></pre>
-
-<p> ]</p>
-
-<p>is equivalent to</p>
-
-<p> dockedItems: [{</p>
-
-<pre><code> xtype: 'toolbar',
- dock: 'left',
- items: [
- { xtype: 'button', text: 'Button 1' }
- ]
-</code></pre>
-
-<p> }]</p>
-</div></div></div><div id="config-listeners" class="member inherited"><a href="Ext.slider.Tip.html#config-listeners" rel="config-listeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-cfg-listeners" class="viewSource">view source</a></div><a name="listeners"></a><a name="config-listeners"></a><a href="Ext.slider.Tip.html#" rel="config-listeners" class="cls expand">listeners</a><span> : Object</span></div><div class="description"><div class="short">(optional) A config object containing one or more event handlers to be added to this
-object during initialization. T...</div><div class="long"><p>(optional) <p>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 href="Ext.slider.Tip.html#addListener" rel="Ext.slider.Tip#addListener" class="docClass">addListener</a> example for attaching multiple handlers at once.</p></p>
-
-<br><p><b><u>DOM events from ExtJs <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a></u></b></p>
-
-
-<br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
-
-
-<p>is usually only done when extra value can be added. For example the <a href="Ext.view.View.html" rel="Ext.view.View" class="docClass">DataView</a>'s
-<b><code><a href="Ext.view.View.html#click" rel="Ext.view.View#click" class="docClass">click</a></code></b> event passing the node clicked on. To access DOM
-events directly from a child element of a Component, we need to specify the <code>element</code> option to
-identify the Component property to add a DOM listener to:</p>
-
-<pre><code>new Ext.panel.Panel({
- width: 400,
- height: 200,
- dockedItems: [{
- xtype: 'toolbar'
- }],
- listeners: {
- click: {
- element: 'el', //bind to the underlying el property on the panel
- fn: function(){ console.log('click el'); }
- },
- dblclick: {
- element: 'body', //bind to the underlying body property on the panel
- fn: function(){ console.log('dblclick body'); }
- }
- }
-});
-</code></pre>
-
-
-<p></p></p>
-</div></div></div><div id="config-loader" class="member inherited"><a href="Ext.slider.Tip.html#config-loader" rel="config-loader" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-loader" class="viewSource">view source</a></div><a name="loader"></a><a name="config-loader"></a><a href="Ext.slider.Tip.html#" rel="config-loader" class="cls expand">loader</a><span> : Ext.ComponentLoader/Object</span></div><div class="description"><div class="short"><p>A configuration object or an instance of a <a href="Ext.ComponentLoader.html" rel="Ext.ComponentLoader" class="docClass">Ext.ComponentLoader</a> to load remote
-content for this Component.</p>
-</div><div class="long"><p>A configuration object or an instance of a <a href="Ext.ComponentLoader.html" rel="Ext.ComponentLoader" class="docClass">Ext.ComponentLoader</a> to load remote
-content for this Component.</p>
-</div></div></div><div id="config-maintainFlex" class="member inherited"><a href="Ext.slider.Tip.html#config-maintainFlex" rel="config-maintainFlex" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-maintainFlex" class="viewSource">view source</a></div><a name="maintainFlex"></a><a name="config-maintainFlex"></a><a href="Ext.slider.Tip.html#" rel="config-maintainFlex" class="cls expand">maintainFlex</a><span> : Boolean</span></div><div class="description"><div class="short">Only valid when a sibling element of a Splitter within a VBox or
-HBox layout.
-
-
-Specifies that if an immediate siblin...</div><div class="long"><p><b>Only valid when a sibling element of a <a href="Ext.resizer.Splitter.html" rel="Ext.resizer.Splitter" class="docClass">Splitter</a> within a <a href="Ext.layout.container.VBox.html" rel="Ext.layout.container.VBox" class="docClass">VBox</a> or
-<a href="Ext.layout.container.HBox.html" rel="Ext.layout.container.HBox" class="docClass">HBox</a> layout.</b></p>
-
-
-<p>Specifies that if an immediate sibling Splitter is moved, the Component on the <i>other</i> side is resized, and this
-Component maintains its configured <a href="Ext.layout.container.Box.html#flex" rel="Ext.layout.container.Box#flex" class="docClass">flex</a> value.</p>
-
-</div></div></div><div id="config-margin" class="member inherited"><a href="Ext.slider.Tip.html#config-margin" rel="config-margin" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-margin" class="viewSource">view source</a></div><a name="margin"></a><a name="config-margin"></a><a href="Ext.slider.Tip.html#" rel="config-margin" class="cls expand">margin</a><span> : Number/String</span></div><div class="description"><div class="short">Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or
-it can be ...</div><div class="long"><p>Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or
-it can be a CSS style specification for each style, for example: '10 5 3 10'.</p>
-</div></div></div><div id="config-maxHeight" class="member inherited"><a href="Ext.slider.Tip.html#config-maxHeight" rel="config-maxHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-maxHeight" class="viewSource">view source</a></div><a name="maxHeight"></a><a name="config-maxHeight"></a><a href="Ext.slider.Tip.html#" rel="config-maxHeight" class="cls expand">maxHeight</a><span> : Number</span></div><div class="description"><div class="short">The maximum value in pixels which this Component will set its height to.
-
-
-Warning: This will override any size manag...</div><div class="long"><p>The maximum value in pixels which this Component will set its height to.</p>
-
-
-<p><b>Warning:</b> This will override any size management applied by layout managers.</p>
-
-</div></div></div><div id="config-maxWidth" class="member inherited"><a href="Ext.slider.Tip.html#config-maxWidth" rel="config-maxWidth" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-cfg-maxWidth" class="viewSource">view source</a></div><a name="maxWidth"></a><a name="config-maxWidth"></a><a href="Ext.slider.Tip.html#" rel="config-maxWidth" class="cls expand">maxWidth</a><span> : Number</span></div><div class="description"><div class="short"><p>The maximum width of the tip in pixels (defaults to 300). The maximum supported value is 500.</p>
-</div><div class="long"><p>The maximum width of the tip in pixels (defaults to 300). The maximum supported value is 500.</p>
-</div></div></div><div id="config-minButtonWidth" class="member inherited"><a href="Ext.slider.Tip.html#config-minButtonWidth" rel="config-minButtonWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-minButtonWidth" class="viewSource">view source</a></div><a name="minButtonWidth"></a><a name="config-minButtonWidth"></a><a href="Ext.slider.Tip.html#" rel="config-minButtonWidth" class="cls expand">minButtonWidth</a><span> : Number</span></div><div class="description"><div class="short">Minimum width of all footer toolbar buttons in pixels (defaults to 75). If set, this will
-be used as the default valu...</div><div class="long"><p>Minimum width of all footer toolbar buttons in pixels (defaults to <tt>75</tt>). If set, this will
-be used as the default value for the <tt><a href="Ext.button.Button.html#minWidth" rel="Ext.button.Button#minWidth" class="docClass">Ext.button.Button.minWidth</a></tt> config of
-each Button added to the <b>footer toolbar</b> via the <a href="Ext.slider.Tip.html#fbar" rel="Ext.slider.Tip#fbar" class="docClass">fbar</a> or <a href="Ext.slider.Tip.html#buttons" rel="Ext.slider.Tip#buttons" class="docClass">buttons</a> configurations.
-It will be ignored for buttons that have a minWidth configured some other way, e.g. in their own config
-object or via the <a href="Ext.container.Container.html#config-defaults" rel="Ext.container.Container#config-defaults" class="docClass">defaults</a> of their parent container.</p>
-</div></div></div><div id="config-minHeight" class="member inherited"><a href="Ext.slider.Tip.html#config-minHeight" rel="config-minHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-minHeight" class="viewSource">view source</a></div><a name="minHeight"></a><a name="config-minHeight"></a><a href="Ext.slider.Tip.html#" rel="config-minHeight" class="cls expand">minHeight</a><span> : Number</span></div><div class="description"><div class="short">The minimum value in pixels which this Component will set its height to.
-
-
-Warning: This will override any size manag...</div><div class="long"><p>The minimum value in pixels which this Component will set its height to.</p>
-
-
-<p><b>Warning:</b> This will override any size management applied by layout managers.</p>
-
-</div></div></div><div id="config-minWidth" class="member inherited"><a href="Ext.slider.Tip.html#config-minWidth" rel="config-minWidth" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-cfg-minWidth" class="viewSource">view source</a></div><a name="minWidth"></a><a name="config-minWidth"></a><a href="Ext.slider.Tip.html#" rel="config-minWidth" class="cls expand">minWidth</a><span> : Number</span></div><div class="description"><div class="short"><p>The minimum width of the tip in pixels (defaults to 40).</p>
-</div><div class="long"><p>The minimum width of the tip in pixels (defaults to 40).</p>
-</div></div></div><div id="config-overCls" class="member inherited"><a href="Ext.slider.Tip.html#config-overCls" rel="config-overCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-overCls" class="viewSource">view source</a></div><a name="overCls"></a><a name="config-overCls"></a><a href="Ext.slider.Tip.html#" rel="config-overCls" class="cls expand">overCls</a><span> : String</span></div><div class="description"><div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves
-over the Element, and...</div><div class="long"><p>An optional extra CSS class that will be added to this component's Element when the mouse moves
-over the Element, and removed when the mouse moves out. (defaults to ''). This can be
-useful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules.</p>
-</div></div></div><div id="config-padding" class="member inherited"><a href="Ext.slider.Tip.html#config-padding" rel="config-padding" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-padding" class="viewSource">view source</a></div><a name="padding"></a><a name="config-padding"></a><a href="Ext.slider.Tip.html#" rel="config-padding" class="cls expand">padding</a><span> : Number/String</span></div><div class="description"><div class="short">Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or
-it can b...</div><div class="long"><p>Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or
-it can be a CSS style specification for each style, for example: '10 5 3 10'.</p>
-</div></div></div><div id="config-placeholder" class="member inherited"><a href="Ext.slider.Tip.html#config-placeholder" rel="config-placeholder" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-placeholder" class="viewSource">view source</a></div><a name="placeholder"></a><a name="config-placeholder"></a><a href="Ext.slider.Tip.html#" rel="config-placeholder" class="cls expand">placeholder</a><span> : Mixed</span></div><div class="description"><div class="short">Important: This config is only effective for collapsible Panels which are direct child items of a border layout
-when ...</div><div class="long"><p><b>Important: This config is only effective for <a href="Ext.slider.Tip.html#collapsible" rel="Ext.slider.Tip#collapsible" class="docClass">collapsible</a> Panels which are direct child items of a <a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">border layout</a>
-when not using the <code>'header'</code> <a href="Ext.slider.Tip.html#collapseMode" rel="Ext.slider.Tip#collapseMode" class="docClass">collapseMode</a>.</b></p>
-
-
-<p><b>Optional.</b> A Component (or config object for a Component) to show in place of this Panel when this Panel is collapsed by a
-<a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">border layout</a>. Defaults to a generated <a href="Ext.panel.Header.html" rel="Ext.panel.Header" class="docClass">Header</a>
-containing a <a href="Ext.panel.Tool.html" rel="Ext.panel.Tool" class="docClass">Tool</a> to re-expand the Panel.</p>
-
-</div></div></div><div id="config-plugins" class="member inherited"><a href="Ext.slider.Tip.html#config-plugins" rel="config-plugins" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-plugins" class="viewSource">view source</a></div><a name="plugins"></a><a name="config-plugins"></a><a href="Ext.slider.Tip.html#" rel="config-plugins" class="cls expand">plugins</a><span> : Object/Array</span></div><div class="description"><div class="short">An object or array of objects that will provide custom functionality for this component. The only
-requirement for a ...</div><div class="long"><p>An object or array of objects that will provide custom functionality for this component. The only
-requirement for a valid plugin is that it contain an init method that accepts a reference of type <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a>.
-When a component is created, if any plugins are available, the component will call the init method on each
-plugin, passing a reference to itself. Each plugin can then call methods or respond to events on the
-component as needed to provide its functionality.</p>
-</div></div></div><div id="config-preventHeader" class="member inherited"><a href="Ext.slider.Tip.html#config-preventHeader" rel="config-preventHeader" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-preventHeader" class="viewSource">view source</a></div><a name="preventHeader"></a><a name="config-preventHeader"></a><a href="Ext.slider.Tip.html#" rel="config-preventHeader" class="cls expand">preventHeader</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Prevent a Header from being created and shown. Defaults to false.</p>
-</div><div class="long"><p>Prevent a Header from being created and shown. Defaults to false.</p>
-</div></div></div><div id="config-rbar" class="member inherited"><a href="Ext.slider.Tip.html#config-rbar" rel="config-rbar" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-rbar" class="viewSource">view source</a></div><a name="rbar"></a><a name="config-rbar"></a><a href="Ext.slider.Tip.html#" rel="config-rbar" class="cls expand">rbar</a><span> : Object/Array</span></div><div class="description"><div class="short">Convenience method. Short for 'Right Bar' (right-docked, vertical toolbar).
-
- rbar: [
-
- { xtype: 'button', text: 'B...</div><div class="long"><p>Convenience method. Short for 'Right Bar' (right-docked, vertical toolbar).</p>
-
-<p> rbar: [</p>
-
-<pre><code> { xtype: 'button', text: 'Button 1' }
-</code></pre>
-
-<p> ]</p>
-
-<p>is equivalent to</p>
-
-<p> dockedItems: [{</p>
-
-<pre><code> xtype: 'toolbar',
- dock: 'right',
- items: [
- { xtype: 'button', text: 'Button 1' }
- ]
-</code></pre>
-
-<p> }]</p>
-</div></div></div><div id="config-renderSelectors" class="member inherited"><a href="Ext.slider.Tip.html#config-renderSelectors" rel="config-renderSelectors" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-renderSelectors" class="viewSource">view source</a></div><a name="renderSelectors"></a><a name="config-renderSelectors"></a><a href="Ext.slider.Tip.html#" rel="config-renderSelectors" class="cls expand">renderSelectors</a><span> : Object</span></div><div class="description"><div class="short">An object containing properties specifying DomQuery selectors which identify child elements
-created by the render pro...</div><div class="long"><p>An object containing properties specifying <a href="Ext.DomQuery.html" rel="Ext.DomQuery" class="docClass">DomQuery</a> selectors which identify child elements
-created by the render process.</p>
-
-<p>After the Component's internal structure is rendered according to the <a href="Ext.slider.Tip.html#renderTpl" rel="Ext.slider.Tip#renderTpl" class="docClass">renderTpl</a>, this object is iterated through,
-and the found Elements are added as properties to the Component using the <code>renderSelector</code> property name.</p>
-
-<p>For example, a Component which rendered an image, and description into its element might use the following properties
-coded into its prototype:</p>
-
-<pre><code>renderTpl: '&lt;img src="{imageUrl}" class="x-image-component-img">&lt;div class="x-image-component-desc">{description}&gt;/div&lt;',
-
-renderSelectors: {
- image: 'img.x-image-component-img',
- descEl: 'div.x-image-component-desc'
-}
-</code></pre>
-
-<p>After rendering, the Component would have a property <code>image</code> referencing its child <code>img</code> Element,
-and a property <code>descEl</code> referencing the <code>div</code> Element which contains the description.</p>
-</div></div></div><div id="config-renderTo" class="member inherited"><a href="Ext.slider.Tip.html#config-renderTo" rel="config-renderTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-renderTo" class="viewSource">view source</a></div><a name="renderTo"></a><a name="config-renderTo"></a><a href="Ext.slider.Tip.html#" rel="config-renderTo" class="cls expand">renderTo</a><span> : Mixed</span></div><div class="description"><div class="short">Specify the id of the element, a DOM element or an existing Element that this component
-will be rendered into.
-
-
-
-Not...</div><div class="long"><p>Specify the id of the element, a DOM element or an existing Element that this component
-will be rendered into.</p>
-
-
-<div><ul>
-<li><b>Notes</b> : <ul>
-<div class="sub-desc">Do <u>not</u> use this option if the Component is to be a child item of
-a <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Container</a>. It is the responsibility of the
-<a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Container</a>'s <a href="Ext.container.Container.html#layout" rel="Ext.container.Container#layout" class="docClass">layout manager</a>
-to render and manage its child items.</div>
-<div class="sub-desc">When using this config, a call to render() is not required.</div>
-</ul></li>
-</ul></div>
-
-
-<p>See <code><a href="Ext.slider.Tip.html#render" rel="Ext.slider.Tip#render" class="docClass">render</a></code> also.</p>
-
-</div></div></div><div id="config-renderTpl" class="member inherited"><a href="Ext.slider.Tip.html#config-renderTpl" rel="config-renderTpl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-renderTpl" class="viewSource">view source</a></div><a name="renderTpl"></a><a name="config-renderTpl"></a><a href="Ext.slider.Tip.html#" rel="config-renderTpl" class="cls expand">renderTpl</a><span> : Mixed</span></div><div class="description"><div class="short">An XTemplate used to create the internal structure inside this Component's
-encapsulating Element.
-
-
-You do not normal...</div><div class="long"><p>An <a href="Ext.XTemplate.html" rel="Ext.XTemplate" class="docClass">XTemplate</a> used to create the internal structure inside this Component's
-encapsulating <a href="Ext.slider.Tip.html#getEl" rel="Ext.slider.Tip#getEl" class="docClass">Element</a>.</p>
-
-
-<p>You do not normally need to specify this. For the base classes <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a>
-and <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Ext.container.Container</a>, this defaults to <b><code>null</code></b> which means that they will be initially rendered
-with no internal structure; they render their <a href="Ext.slider.Tip.html#getEl" rel="Ext.slider.Tip#getEl" class="docClass">Element</a> empty. The more specialized ExtJS and Touch classes
-which use a more complex DOM structure, provide their own template definitions.</p>
-
-
-<p>This is intended to allow the developer to create application-specific utility Components with customized
-internal structure.</p>
-
-
-<p>Upon rendering, any created child elements may be automatically imported into object properties using the
-<a href="Ext.slider.Tip.html#renderSelectors" rel="Ext.slider.Tip#renderSelectors" class="docClass">renderSelectors</a> option.</p>
-
-</div></div></div><div id="config-resizable" class="member inherited"><a href="Ext.slider.Tip.html#config-resizable" rel="config-resizable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-resizable" class="viewSource">view source</a></div><a name="resizable"></a><a name="config-resizable"></a><a href="Ext.slider.Tip.html#" rel="config-resizable" class="cls expand">resizable</a><span> : Mixed</span></div><div class="description"><div class="short">Specify as true to apply a Resizer to this Component
-after rendering.
-
-
-May also be specified as a config object to b...</div><div class="long"><p>Specify as <code>true</code> to apply a <a href="Ext.resizer.Resizer.html" rel="Ext.resizer.Resizer" class="docClass">Resizer</a> to this Component
-after rendering.</p>
-
-
-<p>May also be specified as a config object to be passed to the constructor of <a href="Ext.resizer.Resizer.html" rel="Ext.resizer.Resizer" class="docClass">Resizer</a>
-to override any defaults. By default the Component passes its minimum and maximum size, and uses
-<code><a href="Ext.resizer.Resizer.html#dynamic" rel="Ext.resizer.Resizer#dynamic" class="docClass">Ext.resizer.Resizer.dynamic</a>: false</code></p>
-
-</div></div></div><div id="config-resizeHandles" class="member inherited"><a href="Ext.slider.Tip.html#config-resizeHandles" rel="config-resizeHandles" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-resizeHandles" class="viewSource">view source</a></div><a name="resizeHandles"></a><a name="config-resizeHandles"></a><a href="Ext.slider.Tip.html#" rel="config-resizeHandles" class="cls expand">resizeHandles</a><span> : String</span></div><div class="description"><div class="short"><p>A valid <a href="Ext.resizer.Resizer.html" rel="Ext.resizer.Resizer" class="docClass">Ext.resizer.Resizer</a> handles config string (defaults to 'all'). Only applies when resizable = true.</p>
-</div><div class="long"><p>A valid <a href="Ext.resizer.Resizer.html" rel="Ext.resizer.Resizer" class="docClass">Ext.resizer.Resizer</a> handles config string (defaults to 'all'). Only applies when resizable = true.</p>
-</div></div></div><div id="config-saveBuffer" class="member inherited"><a href="Ext.slider.Tip.html#config-saveBuffer" rel="config-saveBuffer" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-cfg-saveBuffer" class="viewSource">view source</a></div><a name="saveBuffer"></a><a name="config-saveBuffer"></a><a href="Ext.slider.Tip.html#" rel="config-saveBuffer" class="cls expand">saveBuffer</a><span> : Number</span></div><div class="description"><div class="short"><p>A buffer to be applied if many state events are fired within
-a short period. Defaults to 100.</p>
-</div><div class="long"><p>A buffer to be applied if many state events are fired within
-a short period. Defaults to 100.</p>
-</div></div></div><div id="config-shadow" class="member inherited"><a href="Ext.slider.Tip.html#config-shadow" rel="config-shadow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-cfg-shadow" class="viewSource">view source</a></div><a name="shadow"></a><a name="config-shadow"></a><a href="Ext.slider.Tip.html#" rel="config-shadow" class="cls expand">shadow</a><span> : String/Boolean</span></div><div class="description"><div class="short">Specifies whether the floating component should be given a shadow. Set to
-true to automatically create an Ext.Shadow,...</div><div class="long"><p>Specifies whether the floating component should be given a shadow. Set to
-<tt>true</tt> to automatically create an <a href="Ext.Shadow.html" rel="Ext.Shadow" class="docClass">Ext.Shadow</a>, or a string indicating the
-shadow's display <a href="Ext.Shadow.html#mode" rel="Ext.Shadow#mode" class="docClass">Ext.Shadow.mode</a>. Set to <tt>false</tt> to disable the shadow.
-(Defaults to <tt>'sides'</tt>.)</p>
-</div></div></div><div id="config-stateEvents" class="member inherited"><a href="Ext.slider.Tip.html#config-stateEvents" rel="config-stateEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-cfg-stateEvents" class="viewSource">view source</a></div><a name="stateEvents"></a><a name="config-stateEvents"></a><a href="Ext.slider.Tip.html#" rel="config-stateEvents" class="cls expand">stateEvents</a><span> : Array</span></div><div class="description"><div class="short">An array of events that, when fired, should trigger this object to
-save its state (defaults to none). stateEvents may...</div><div class="long"><p>An array of events that, when fired, should trigger this object to
-save its state (defaults to none). <code>stateEvents</code> may be any type
-of event supported by this object, including browser or custom events
-(e.g., <tt>['click', 'customerchange']</tt>).</p>
-
-
-<p>See <code><a href="Ext.slider.Tip.html#stateful" rel="Ext.slider.Tip#stateful" class="docClass">stateful</a></code> for an explanation of saving and
-restoring object state.</p>
-
-</div></div></div><div id="config-stateId" class="member inherited"><a href="Ext.slider.Tip.html#config-stateId" rel="config-stateId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-cfg-stateId" class="viewSource">view source</a></div><a name="stateId"></a><a name="config-stateId"></a><a href="Ext.slider.Tip.html#" rel="config-stateId" class="cls expand">stateId</a><span> : String</span></div><div class="description"><div class="short">The unique id for this object to use for state management purposes.
-
-See stateful for an explanation of saving and re...</div><div class="long"><p>The unique id for this object to use for state management purposes.</p>
-
-<p>See <a href="Ext.slider.Tip.html#stateful" rel="Ext.slider.Tip#stateful" class="docClass">stateful</a> for an explanation of saving and restoring state.</p>
-
-</div></div></div><div id="config-stateful" class="member inherited"><a href="Ext.slider.Tip.html#config-stateful" rel="config-stateful" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-cfg-stateful" class="viewSource">view source</a></div><a name="stateful"></a><a name="config-stateful"></a><a href="Ext.slider.Tip.html#" rel="config-stateful" class="cls expand">stateful</a><span> : Boolean</span></div><div class="description"><div class="short">A flag which causes the object to attempt to restore the state of
-internal properties from a saved state on startup. ...</div><div class="long"><p>A flag which causes the object to attempt to restore the state of
-internal properties from a saved state on startup. The object must have
-a <code><a href="Ext.slider.Tip.html#stateId" rel="Ext.slider.Tip#stateId" class="docClass">stateId</a></code> for state to be managed.
-Auto-generated ids are not guaranteed to be stable across page loads and
-cannot be relied upon to save and restore the same state for a object.<p>
-<p>For state saving to work, the state manager's provider must have been
-set to an implementation of <a href="Ext.state.Provider.html" rel="Ext.state.Provider" class="docClass">Ext.state.Provider</a> which overrides the
-<a href="Ext.state.Provider.html#set" rel="Ext.state.Provider#set" class="docClass">set</a> and <a href="Ext.state.Provider.html#get" rel="Ext.state.Provider#get" class="docClass">get</a>
-methods to save and recall name/value pairs. A built-in implementation,
-<a href="Ext.state.CookieProvider.html" rel="Ext.state.CookieProvider" class="docClass">Ext.state.CookieProvider</a> is available.</p>
-<p>To set the state provider for the current page:</p>
-<pre><code>Ext.state.Manager.setProvider(new Ext.state.CookieProvider({
- expires: new Date(new Date().getTime()+(1000*60*60*24*7)), //7 days from now
-}));
-</code></pre>
-<p>A stateful object attempts to save state when one of the events
-listed in the <code><a href="Ext.slider.Tip.html#stateEvents" rel="Ext.slider.Tip#stateEvents" class="docClass">stateEvents</a></code> configuration fires.</p>
-<p>To save state, a stateful object first serializes its state by
-calling <b><code><a href="Ext.slider.Tip.html#getState" rel="Ext.slider.Tip#getState" class="docClass">getState</a></code></b>. By default, this function does
-nothing. The developer must provide an implementation which returns an
-object hash which represents the restorable state of the object.</p>
-<p>The value yielded by getState is passed to <a href="Ext.state.Manager.html#set" rel="Ext.state.Manager#set" class="docClass">Ext.state.Manager.set</a>
-which uses the configured <a href="Ext.state.Provider.html" rel="Ext.state.Provider" class="docClass">Ext.state.Provider</a> to save the object
-keyed by the <code><a href="stateId.html" rel="stateId" class="docClass">stateId</a></code></p>.
-<p>During construction, a stateful object attempts to <i>restore</i>
-its state by calling <a href="Ext.state.Manager.html#get" rel="Ext.state.Manager#get" class="docClass">Ext.state.Manager.get</a> passing the
-<code><a href="Ext.slider.Tip.html#stateId" rel="Ext.slider.Tip#stateId" class="docClass">stateId</a></code></p>
-<p>The resulting object is passed to <b><code><a href="Ext.slider.Tip.html#applyState" rel="Ext.slider.Tip#applyState" class="docClass">applyState</a></code></b>.
-The default implementation of <code><a href="Ext.slider.Tip.html#applyState" rel="Ext.slider.Tip#applyState" class="docClass">applyState</a></code> simply copies
-properties into the object, but a developer may override this to support
-more behaviour.</p>
-<p>You can perform extra processing on state save and restore by attaching
-handlers to the <a href="Ext.slider.Tip.html#beforestaterestore" rel="Ext.slider.Tip#beforestaterestore" class="docClass">beforestaterestore</a>, <a href="Ext.slider.Tip.html#staterestore" rel="Ext.slider.Tip#staterestore" class="docClass">staterestore</a>,
-<a href="Ext.slider.Tip.html#beforestatesave" rel="Ext.slider.Tip#beforestatesave" class="docClass">beforestatesave</a> and <a href="Ext.slider.Tip.html#statesave" rel="Ext.slider.Tip#statesave" class="docClass">statesave</a> events.</p>
-
-</div></div></div><div id="config-style" class="member inherited"><a href="Ext.slider.Tip.html#config-style" rel="config-style" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-style" class="viewSource">view source</a></div><a name="style"></a><a name="config-style"></a><a href="Ext.slider.Tip.html#" rel="config-style" class="cls expand">style</a><span> : String</span></div><div class="description"><div class="short">A custom style specification to be applied to this component's Element. Should be a valid argument to
-Ext.core.Eleme...</div><div class="long"><p>A custom style specification to be applied to this component's Element. Should be a valid argument to
-<a href="Ext.core.Element.html#applyStyles" rel="Ext.core.Element#applyStyles" class="docClass">Ext.core.Element.applyStyles</a>.</p>
-
-<pre><code> new Ext.panel.Panel({
- title: 'Some Title',
- renderTo: Ext.getBody(),
- width: 400, height: 300,
- layout: 'form',
- items: [{
- xtype: 'textarea',
- style: {
- width: '95%',
- marginBottom: '10px'
- }
- },
- new Ext.button.Button({
- text: 'Send',
- minWidth: '100',
- style: {
- marginBottom: '10px'
- }
- })
- ]
- });
- </code></pre>
-
-</div></div></div><div id="config-styleHtmlCls" class="member inherited"><a href="Ext.slider.Tip.html#config-styleHtmlCls" rel="config-styleHtmlCls" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-styleHtmlCls" class="viewSource">view source</a></div><a name="styleHtmlCls"></a><a name="config-styleHtmlCls"></a><a href="Ext.slider.Tip.html#" rel="config-styleHtmlCls" class="cls expand">styleHtmlCls</a><span> : String</span></div><div class="description"><div class="short"><p>The class that is added to the content target when you set styleHtmlContent to true.
-Defaults to 'x-html'</p>
-</div><div class="long"><p>The class that is added to the content target when you set styleHtmlContent to true.
-Defaults to 'x-html'</p>
-</div></div></div><div id="config-styleHtmlContent" class="member inherited"><a href="Ext.slider.Tip.html#config-styleHtmlContent" rel="config-styleHtmlContent" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-styleHtmlContent" class="viewSource">view source</a></div><a name="styleHtmlContent"></a><a name="config-styleHtmlContent"></a><a href="Ext.slider.Tip.html#" rel="config-styleHtmlContent" class="cls expand">styleHtmlContent</a><span> : String</span></div><div class="description"><div class="short"><p>True to automatically style the html inside the content target of this component (body for panels).
-Defaults to false.</p>
-</div><div class="long"><p>True to automatically style the html inside the content target of this component (body for panels).
-Defaults to false.</p>
-</div></div></div><div id="config-suspendLayout" class="member inherited"><a href="Ext.slider.Tip.html#config-suspendLayout" rel="config-suspendLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-cfg-suspendLayout" class="viewSource">view source</a></div><a name="suspendLayout"></a><a name="config-suspendLayout"></a><a href="Ext.slider.Tip.html#" rel="config-suspendLayout" class="cls expand">suspendLayout</a><span> : Boolean</span></div><div class="description"><div class="short">If true, suspend calls to doLayout. Useful when batching multiple adds to a container and not passing them
-as multip...</div><div class="long"><p>If true, suspend calls to doLayout. Useful when batching multiple adds to a container and not passing them
-as multiple arguments or an array.</p>
-</div></div></div><div id="config-tbar" class="member inherited"><a href="Ext.slider.Tip.html#config-tbar" rel="config-tbar" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-tbar" class="viewSource">view source</a></div><a name="tbar"></a><a name="config-tbar"></a><a href="Ext.slider.Tip.html#" rel="config-tbar" class="cls expand">tbar</a><span> : Object/Array</span></div><div class="description"><div class="short">Convenience method. Short for 'Top Bar'.
-
-tbar: [
- { xtype: 'button', text: 'Button 1' }
-]
-
-
-is equivalent to
-
-docke...</div><div class="long"><p>Convenience method. Short for 'Top Bar'.</p>
-
-<pre><code>tbar: [
- { xtype: 'button', text: 'Button 1' }
-]
-</code></pre>
-
-<p>is equivalent to</p>
-
-<pre><code>dockedItems: [{
- xtype: 'toolbar',
- dock: 'top',
- items: [
- { xtype: 'button', text: 'Button 1' }
- ]
-}]
-</code></pre>
-</div></div></div><div id="config-titleCollapse" class="member inherited"><a href="Ext.slider.Tip.html#config-titleCollapse" rel="config-titleCollapse" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-titleCollapse" class="viewSource">view source</a></div><a name="titleCollapse"></a><a name="config-titleCollapse"></a><a href="Ext.slider.Tip.html#" rel="config-titleCollapse" class="cls expand">titleCollapse</a><span> : Boolean</span></div><div class="description"><div class="short">true to allow expanding and collapsing the panel (when collapsible = true)
-by clicking anywhere in the header bar, fa...</div><div class="long"><p><code>true</code> to allow expanding and collapsing the panel (when <code><a href="Ext.slider.Tip.html#collapsible" rel="Ext.slider.Tip#collapsible" class="docClass">collapsible</a> = true</code>)
-by clicking anywhere in the header bar, <code>false</code>) to allow it only by clicking to tool button
-(defaults to <code>false</code>)).</p>
-</div></div></div><div id="config-toFrontOnShow" class="member inherited"><a href="Ext.slider.Tip.html#config-toFrontOnShow" rel="config-toFrontOnShow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-cfg-toFrontOnShow" class="viewSource">view source</a></div><a name="toFrontOnShow"></a><a name="config-toFrontOnShow"></a><a href="Ext.slider.Tip.html#" rel="config-toFrontOnShow" class="cls expand">toFrontOnShow</a><span> : Boolean</span></div><div class="description"><div class="short">True to automatically call toFront when the show method is called
-on an already visible, floating component (default ...</div><div class="long"><p>True to automatically call <a href="Ext.slider.Tip.html#toFront" rel="Ext.slider.Tip#toFront" class="docClass">toFront</a> when the <a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a> method is called
-on an already visible, floating component (default is <code>true</code>).</p>
-
-</div></div></div><div id="config-tools" class="member inherited"><a href="Ext.slider.Tip.html#config-tools" rel="config-tools" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-cfg-tools" class="viewSource">view source</a></div><a name="tools"></a><a name="config-tools"></a><a href="Ext.slider.Tip.html#" rel="config-tools" class="cls expand">tools</a><span> : Array</span></div><div class="description"><div class="short">An array of Ext.panel.Tool configs/instances to be added to the header tool area. The tools are stored as child
-compo...</div><div class="long"><p>An array of <a href="Ext.panel.Tool.html" rel="Ext.panel.Tool" class="docClass">Ext.panel.Tool</a> configs/instances to be added to the header tool area. The tools are stored as child
-components of the header container. They can be accessed using <a href="Ext.slider.Tip.html#down" rel="Ext.slider.Tip#down" class="docClass">down</a> and {#query}, as well as the other
-component methods. The toggle tool is automatically created if <a href="Ext.slider.Tip.html#collapsible" rel="Ext.slider.Tip#collapsible" class="docClass">collapsible</a> is set to true.</p>
-
-<p>Note that, apart from the toggle tool which is provided when a panel is collapsible, these
-tools only provide the visual button. Any required functionality must be provided by adding
-handlers that implement the necessary behavior.</p>
-
-
-<p>Example usage:</p>
-
-
-<pre><code>tools:[{
- type:'refresh',
- qtip: 'Refresh form Data',
- // hidden:true,
- handler: function(event, toolEl, panel){
- // refresh logic
- }
-},
-{
- type:'help',
- qtip: 'Get Help',
- handler: function(event, toolEl, panel){
- // show help here
- }
-}]
-</code></pre>
-
-</div></div></div><div id="config-tpl" class="member inherited"><a href="Ext.slider.Tip.html#config-tpl" rel="config-tpl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-tpl" class="viewSource">view source</a></div><a name="tpl"></a><a name="config-tpl"></a><a href="Ext.slider.Tip.html#" rel="config-tpl" class="cls expand">tpl</a><span> : Mixed</span></div><div class="description"><div class="short">An Ext.Template, Ext.XTemplate
-or an array of strings to form an Ext.XTemplate.
-Used in conjunction with the data and...</div><div class="long"><p>An <bold><a href="Ext.Template.html" rel="Ext.Template" class="docClass">Ext.Template</a></bold>, <bold><a href="Ext.XTemplate.html" rel="Ext.XTemplate" class="docClass">Ext.XTemplate</a></bold>
-or an array of strings to form an <a href="Ext.XTemplate.html" rel="Ext.XTemplate" class="docClass">Ext.XTemplate</a>.
-Used in conjunction with the <code><a href="Ext.slider.Tip.html#data" rel="Ext.slider.Tip#data" class="docClass">data</a></code> and
-<code><a href="Ext.slider.Tip.html#tplWriteMode" rel="Ext.slider.Tip#tplWriteMode" class="docClass">tplWriteMode</a></code> configurations.</p>
-</div></div></div><div id="config-tplWriteMode" class="member inherited"><a href="Ext.slider.Tip.html#config-tplWriteMode" rel="config-tplWriteMode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-tplWriteMode" class="viewSource">view source</a></div><a name="tplWriteMode"></a><a name="config-tplWriteMode"></a><a href="Ext.slider.Tip.html#" rel="config-tplWriteMode" class="cls expand">tplWriteMode</a><span> : String</span></div><div class="description"><div class="short">The Ext.(X)Template method to use when
-updating the content area of the Component. Defaults to 'overwrite'
-(see Ext.X...</div><div class="long"><p>The Ext.(X)Template method to use when
-updating the content area of the Component. Defaults to <code>'overwrite'</code>
-(see <code><a href="Ext.XTemplate.html#overwrite" rel="Ext.XTemplate#overwrite" class="docClass">Ext.XTemplate.overwrite</a></code>).</p>
-</div></div></div><div id="config-ui" class="member inherited"><a href="Ext.slider.Tip.html#config-ui" rel="config-ui" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-cfg-ui" class="viewSource">view source</a></div><a name="ui"></a><a name="config-ui"></a><a href="Ext.slider.Tip.html#" rel="config-ui" class="cls expand">ui</a><span> : String/Array</span></div><div class="description"><div class="short"><p>A set style for a component. Can be a string or an Array of multiple strings (UIs)</p>
-</div><div class="long"><p>A set style for a component. Can be a string or an Array of multiple strings (UIs)</p>
-</div></div></div><div id="config-width" class="member inherited"><a href="Ext.slider.Tip.html#config-width" rel="config-width" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-cfg-width" class="viewSource">view source</a></div><a name="width"></a><a name="config-width"></a><a href="Ext.slider.Tip.html#" rel="config-width" class="cls expand">width</a><span> : Number</span></div><div class="description"><div class="short">Width in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
-minWidth or maxWidt...</div><div class="long"><p>Width in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
-<a href="Ext.slider.Tip.html#minWidth" rel="Ext.slider.Tip#minWidth" class="docClass">minWidth</a> or <a href="Ext.slider.Tip.html#maxWidth" rel="Ext.slider.Tip#maxWidth" class="docClass">maxWidth</a>. The maximum supported value is 500.</p>
-</div></div></div></div><div class="m-properties"><a name="properties"></a><div class="definedBy">Defined By</div><h3 class="prp p">Properties</h3><div id="property-dd" class="member f inherited"><a href="Ext.slider.Tip.html#property-dd" rel="property-dd" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-property-dd" class="viewSource">view source</a></div><a name="dd"></a><a name="property-dd"></a><a href="Ext.slider.Tip.html#" rel="property-dd" class="cls expand">dd</a><span> : Ext.dd.DragSource.</span></div><div class="description"><div class="short">If this Panel is configured draggable, this property will contain
-an instance of Ext.dd.DragSource which handles drag...</div><div class="long"><p>If this Panel is configured <a href="Ext.slider.Tip.html#draggable" rel="Ext.slider.Tip#draggable" class="docClass">draggable</a>, this property will contain
-an instance of <a href="Ext.dd.DragSource.html" rel="Ext.dd.DragSource" class="docClass">Ext.dd.DragSource</a> which handles dragging the Panel.</p>
-
-
-<p>The developer must provide implementations of the abstract methods of <a href="Ext.dd.DragSource.html" rel="Ext.dd.DragSource" class="docClass">Ext.dd.DragSource</a>
-in order to supply behaviour for each stage of the drag/drop process. See <a href="Ext.slider.Tip.html#draggable" rel="Ext.slider.Tip#draggable" class="docClass">draggable</a>.</p>
-</div></div></div><div id="property-draggable" class="member inherited"><a href="Ext.slider.Tip.html#property-draggable" rel="property-draggable" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-draggable" class="viewSource">view source</a></div><a name="draggable"></a><a name="property-draggable"></a><a href="Ext.slider.Tip.html#" rel="property-draggable" class="cls expand">draggable</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Read-only property indicating whether or not the component can be dragged</p>
-</div><div class="long"><p>Read-only property indicating whether or not the component can be dragged</p>
-</div></div></div><div id="property-floatParent" class="member inherited"><a href="Ext.slider.Tip.html#property-floatParent" rel="property-floatParent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-property-floatParent" class="viewSource">view source</a></div><a name="floatParent"></a><a name="property-floatParent"></a><a href="Ext.slider.Tip.html#" rel="property-floatParent" class="cls expand">floatParent</a><span> : Ext.Container</span></div><div class="description"><div class="short">Optional. Only present for floating Components which were inserted as descendant items of floating Containers.
-
-
-Floa...</div><div class="long"><p>Optional. Only present for <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Components which were inserted as descendant items of floating Containers.</p>
-
-
-<p>Floating Components that are programatically <a href="Ext.Component.html#render" rel="Ext.Component#render" class="docClass">rendered</a> will not have a <code>floatParent</code> property.</p>
-
-
-<p>For <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Components which are child items of a Container, the floatParent will be the floating ancestor Container which is
-responsible for the base z-index value of all its floating descendants. It provides a <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">ZIndexManager</a> which provides
-z-indexing services for all its descendant floating Components.</p>
-
-
-<p>For example, the dropdown <a href="Ext.view.BoundList.html" rel="Ext.view.BoundList" class="docClass">BoundList</a> of a ComboBox which is in a Window will have the Window as its
-<code>floatParent</code></p>
-
-
-<p>See <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> and <a href="Ext.slider.Tip.html#zIndexManager" rel="Ext.slider.Tip#zIndexManager" class="docClass">zIndexManager</a></p>
-
-</div></div></div><div id="property-frame" class="member inherited"><a href="Ext.slider.Tip.html#property-frame" rel="property-frame" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-property-frame" class="viewSource">view source</a></div><a name="frame"></a><a name="property-frame"></a><a href="Ext.slider.Tip.html#" rel="property-frame" class="cls expand">frame</a><span> : Boolean</span></div><div class="description"><div class="short"><p>@inherited</p>
-</div><div class="long"><p>@inherited</p>
-</div></div></div><div id="property-frameSize" class="member inherited"><a href="Ext.slider.Tip.html#property-frameSize" rel="property-frameSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-frameSize" class="viewSource">view source</a></div><a name="frameSize"></a><a name="property-frameSize"></a><a href="Ext.slider.Tip.html#" rel="property-frameSize" class="cls expand">frameSize</a><span> : Object</span></div><div class="description"><div class="short">Read-only property indicating the width of any framing elements which were added within the encapsulating element
-to ...</div><div class="long"><p>Read-only property indicating the width of any framing elements which were added within the encapsulating element
-to provide graphical, rounded borders. See the <a href="Ext.slider.Tip.html#frame" rel="Ext.slider.Tip#frame" class="docClass">frame</a> config.</p>
-
-
-<p> This is an object containing the frame width in pixels for all four sides of the Component containing
-the following properties:</p>
-
-
-<div class="mdetail-params"><ul>
-<li><code>top</code> The width of the top framing element in pixels.</li>
-<li><code>right</code> The width of the right framing element in pixels.</li>
-<li><code>bottom</code> The width of the bottom framing element in pixels.</li>
-<li><code>left</code> The width of the left framing element in pixels.</li>
-</ul></div>
-
-</div></div></div><div id="property-hasActiveFx" class="member inherited"><a href="Ext.slider.Tip.html#property-hasActiveFx" rel="property-hasActiveFx" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-property-hasActiveFx" class="viewSource">view source</a></div><a name="hasActiveFx"></a><a name="property-hasActiveFx"></a><a href="Ext.slider.Tip.html#" rel="property-hasActiveFx" class="cls expand">hasActiveFx</a><span> : Object</span></div><div class="description"><div class="short">@deprecated 4.0 Replaced by getActiveAnimation
-Returns thq current animation if this object has any effects actively ...</div><div class="long"><p>@deprecated 4.0 Replaced by <a href="Ext.slider.Tip.html#getActiveAnimation" rel="Ext.slider.Tip#getActiveAnimation" class="docClass">getActiveAnimation</a>
-Returns thq current animation if this object has any effects actively running or queued, else returns false.</p>
-</div></div></div><div id="property-items" class="member inherited"><a href="Ext.slider.Tip.html#property-items" rel="property-items" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-property-items" class="viewSource">view source</a></div><a name="items"></a><a name="property-items"></a><a href="Ext.slider.Tip.html#" rel="property-items" class="cls expand">items</a><span> : Ext.util.MixedCollection</span></div><div class="description"><div class="short"><p>The MixedCollection containing all the child items of this container.</p>
-</div><div class="long"><p>The MixedCollection containing all the child items of this container.</p>
-</div></div></div><div id="property-maskOnDisable" class="member inherited"><a href="Ext.slider.Tip.html#property-maskOnDisable" rel="property-maskOnDisable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-maskOnDisable" class="viewSource">view source</a></div><a name="maskOnDisable"></a><a name="property-maskOnDisable"></a><a href="Ext.slider.Tip.html#" rel="property-maskOnDisable" class="cls expand">maskOnDisable</a><span> : Boolean</span></div><div class="description"><div class="short">This is an internal flag that you use when creating custom components.
-By default this is set to true which means tha...</div><div class="long"><p>This is an internal flag that you use when creating custom components.
-By default this is set to true which means that every component gets a mask when its disabled.
-Components like FieldContainer, FieldSet, Field, Button, Tab override this property to false
-since they want to implement custom disable logic.</p>
-</div></div></div><div id="property-ownerCt" class="member inherited"><a href="Ext.slider.Tip.html#property-ownerCt" rel="property-ownerCt" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-ownerCt" class="viewSource">view source</a></div><a name="ownerCt"></a><a name="property-ownerCt"></a><a href="Ext.slider.Tip.html#" rel="property-ownerCt" class="cls expand">ownerCt</a><span> : Ext.Container</span></div><div class="description"><div class="short">This Component's owner Container (defaults to undefined, and is set automatically when
-this Component is added to a C...</div><div class="long"><p>This Component's owner <a href="Ext.container.Container.html" rel="Ext.container.Container" class="docClass">Container</a> (defaults to undefined, and is set automatically when
-this Component is added to a Container). Read-only.</p>
-
-<p><b>Note</b>: to access items within the Container see <tt><a href="Ext.slider.Tip.html#itemId" rel="Ext.slider.Tip#itemId" class="docClass">itemId</a></tt>.</p>
-
-</div></div></div><div id="property-rendered" class="member inherited"><a href="Ext.slider.Tip.html#property-rendered" rel="property-rendered" class="expand more"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-property-rendered" class="viewSource">view source</a></div><a name="rendered"></a><a name="property-rendered"></a><a href="Ext.slider.Tip.html#" rel="property-rendered" class="cls expand">rendered</a><span> : Boolean</span></div><div class="description"><div class="short"><p>Read-only property indicating whether or not the component has been rendered.</p>
-</div><div class="long"><p>Read-only property indicating whether or not the component has been rendered.</p>
-</div></div></div><div id="property-stopFx" class="member inherited"><a href="Ext.slider.Tip.html#property-stopFx" rel="property-stopFx" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-property-stopFx" class="viewSource">view source</a></div><a name="stopFx"></a><a name="property-stopFx"></a><a href="Ext.slider.Tip.html#" rel="property-stopFx" class="cls expand">stopFx</a><span> : Object</span></div><div class="description"><div class="short">Stops any running effects and clears this object's internal effects queue if it contains
-any additional effects that ...</div><div class="long"><p>Stops any running effects and clears this object's internal effects queue if it contains
-any additional effects that haven't started yet.</p>
-</div></div></div><div id="property-zIndexManager" class="member inherited"><a href="Ext.slider.Tip.html#property-zIndexManager" rel="property-zIndexManager" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-property-zIndexManager" class="viewSource">view source</a></div><a name="zIndexManager"></a><a name="property-zIndexManager"></a><a href="Ext.slider.Tip.html#" rel="property-zIndexManager" class="cls expand">zIndexManager</a><span> : Ext.ZIndexManager</span></div><div class="description"><div class="short">Optional. Only present for floating Components after they have been rendered.
-
-
-A reference to the ZIndexManager whic...</div><div class="long"><p>Optional. Only present for <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Components after they have been rendered.</p>
-
-
-<p>A reference to the ZIndexManager which is managing this Component's z-index.</p>
-
-
-<p>The <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">ZIndexManager</a> maintains a stack of floating Component z-indices, and also provides a single modal
-mask which is insert just beneath the topmost visible modal floating Component.</p>
-
-
-<p>Floating Components may be <a href="Ext.slider.Tip.html#toFront" rel="Ext.slider.Tip#toFront" class="docClass">brought to the front</a> or <a href="Ext.slider.Tip.html#toBack" rel="Ext.slider.Tip#toBack" class="docClass">sent to the back</a> of the z-index stack.</p>
-
-
-<p>This defaults to the global <a href="Ext.WindowManager.html" rel="Ext.WindowManager" class="docClass">ZIndexManager</a> for floating Components that are programatically
-<a href="Ext.Component.html#render" rel="Ext.Component#render" class="docClass">rendered</a>.</p>
-
-
-<p>For <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Components which are added to a Container, the ZIndexManager is acquired from the first ancestor Container found
-which is floating, or if not found the global <a href="Ext.WindowManager.html" rel="Ext.WindowManager" class="docClass">ZIndexManager</a> is used.</p>
-
-
-<p>See <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> and <a href="Ext.slider.Tip.html#floatParent" rel="Ext.slider.Tip#floatParent" class="docClass">floatParent</a></p>
-
-</div></div></div></div><div class="m-methods"><a name="methods"></a><div class="definedBy">Defined By</div><h3 class="mth p">Methods</h3><div id="method-Tip" class="member f inherited"><a href="Ext.slider.Tip.html#method-Tip" rel="method-Tip" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-method-constructor" class="viewSource">view source</a></div><a name="Tip"></a><a name="method-Tip"></a><a href="Ext.slider.Tip.html#" rel="method-Tip" class="cls expand">Tip</a>(
-<span class="pre">Object config</span>)
- : void</div><div class="description"><div class="short"><p>Create a new Tip</p>
-</div><div class="long"><p>Create a new Tip</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>The configuration options</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-add" class="member inherited"><a href="Ext.slider.Tip.html#method-add" rel="method-add" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-add" class="viewSource">view source</a></div><a name="add"></a><a name="method-add"></a><a href="Ext.slider.Tip.html#" rel="method-add" class="cls expand">add</a>(
-<span class="pre">...Object/Array Component</span>)
- : Ext.Component/Array</div><div class="description"><div class="short">Adds Component(s) to this Container.
-
-Description:
-
-
-Fires the beforeadd event before adding.
-The Container's default...</div><div class="long"><p>Adds <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Component</a>(s) to this Container.</p>
-
-<h2>Description:</h2>
-
-<ul>
-<li>Fires the <a href="Ext.slider.Tip.html#beforeadd" rel="Ext.slider.Tip#beforeadd" class="docClass">beforeadd</a> event before adding.</li>
-<li>The Container's <a href="Ext.slider.Tip.html#defaults" rel="Ext.slider.Tip#defaults" class="docClass">default config values</a> will be applied
-accordingly (see <code><a href="Ext.slider.Tip.html#defaults" rel="Ext.slider.Tip#defaults" class="docClass">defaults</a></code> for details).</li>
-<li>Fires the <code><a href="Ext.slider.Tip.html#add" rel="Ext.slider.Tip#add" class="docClass">add</a></code> event after the component has been added.</li>
-</ul>
-
-
-<h2>Notes:</h2>
-
-<p>If the Container is <strong>already rendered</strong> when <code>add</code>
-is called, it will render the newly added Component into its content area.</p>
-
-<p><strong><strong>If</strong></strong> the Container was configured with a size-managing <a href="Ext.slider.Tip.html#layout" rel="Ext.slider.Tip#layout" class="docClass">layout</a> manager, the Container
-will recalculate its internal layout at this time too.</p>
-
-<p>Note that the default layout manager simply renders child Components sequentially into the content area and thereafter performs no sizing.</p>
-
-<p>If adding multiple new child Components, pass them as an array to the <code>add</code> method, so that only one layout recalculation is performed.</p>
-
-<pre><code>tb = new <a href="Ext.toolbar.Toolbar.html" rel="Ext.toolbar.Toolbar" class="docClass">Ext.toolbar.Toolbar</a>({
- renderTo: document.body
-}); // toolbar is rendered
-tb.add([{text:'Button 1'}, {text:'Button 2'}]); // add multiple items. (<a href="Ext.slider.Tip.html#defaultType" rel="Ext.slider.Tip#defaultType" class="docClass">defaultType</a> for <a href="Ext.toolbar.Toolbar.html" rel="Ext.toolbar.Toolbar" class="docClass">Toolbar</a> is 'button')
-</code></pre>
-
-<h2>Warning:##</h2>
-
-<p>Components directly managed by the BorderLayout layout manager
-may not be removed or added. See the Notes for <a href="Ext.layout.container.Border.html" rel="Ext.layout.container.Border" class="docClass">BorderLayout</a>
-for more details.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">Component</span> : ...Object/Array<div class="sub-desc"><p>Either one or more Components to add or an Array of Components to add.
-See <code><a href="Ext.slider.Tip.html#items" rel="Ext.slider.Tip#items" class="docClass">items</a></code> for additional information.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component/Array</span> <p>The Components that were added.</p>
-</li></ul></div></div></div><div id="method-addClass" class="member inherited"><a href="Ext.slider.Tip.html#method-addClass" rel="method-addClass" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-addClass" class="viewSource">view source</a></div><a name="addClass"></a><a name="method-addClass"></a><a href="Ext.slider.Tip.html#" rel="method-addClass" class="cls expand">addClass</a>(
-<span class="pre">String cls</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>@deprecated 4.0 Replaced by {link:#addCls}
-Adds a CSS class to the top level element representing this component.</p>
-</div><div class="long"><p>@deprecated 4.0 Replaced by {link:#addCls}
-Adds a CSS class to the top level element representing this component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String<div class="sub-desc"><p>The CSS class name to add</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>Returns the Component to allow method chaining.</p>
-</li></ul></div></div></div><div id="method-addCls" class="member inherited"><a href="Ext.slider.Tip.html#method-addCls" rel="method-addCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-addCls" class="viewSource">view source</a></div><a name="addCls"></a><a name="method-addCls"></a><a href="Ext.slider.Tip.html#" rel="method-addCls" class="cls expand">addCls</a>(
-<span class="pre">String cls</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Adds a CSS class to the top level element representing this component.</p>
-</div><div class="long"><p>Adds a CSS class to the top level element representing this component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String<div class="sub-desc"><p>The CSS class name to add</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>Returns the Component to allow method chaining.</p>
-</li></ul></div></div></div><div id="method-addClsWithUI" class="member inherited"><a href="Ext.slider.Tip.html#method-addClsWithUI" rel="method-addClsWithUI" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-addClsWithUI" class="viewSource">view source</a></div><a name="addClsWithUI"></a><a name="method-addClsWithUI"></a><a href="Ext.slider.Tip.html#" rel="method-addClsWithUI" class="cls expand">addClsWithUI</a>(
-<span class="pre">String/Array cls</span>)
- : void</div><div class="description"><div class="short"><p>Adds a cls to the uiCls array, which will also call <a href="Ext.slider.Tip.html#addUIClsToElement" rel="Ext.slider.Tip#addUIClsToElement" class="docClass">addUIClsToElement</a> and adds
-to all elements of this component.</p>
-</div><div class="long"><p>Adds a cls to the uiCls array, which will also call <a href="Ext.slider.Tip.html#addUIClsToElement" rel="Ext.slider.Tip#addUIClsToElement" class="docClass">addUIClsToElement</a> and adds
-to all elements of this component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String/Array<div class="sub-desc"><p>A string or an array of strings to add to the uiCls</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-addDocked" class="member inherited"><a href="Ext.slider.Tip.html#method-addDocked" rel="method-addDocked" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-method-addDocked" class="viewSource">view source</a></div><a name="addDocked"></a><a name="method-addDocked"></a><a href="Ext.slider.Tip.html#" rel="method-addDocked" class="cls expand">addDocked</a>(
-<span class="pre">Object/Array component, [Number pos]</span>)
- : void</div><div class="description"><div class="short"><p>Adds docked item(s) to the panel.</p>
-</div><div class="long"><p>Adds docked item(s) to the panel.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">component</span> : Object/Array<div class="sub-desc"><p>The Component or array of components to add. The components
-must include a 'dock' parameter on each component to indicate where it should be docked ('top', 'right',
-'bottom', 'left').</p>
-</div></li><li><span class="pre">pos</span> : Number<div class="sub-desc"><p>(optional) The index at which the Component will be added</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-addEvents" class="member inherited"><a href="Ext.slider.Tip.html#method-addEvents" rel="method-addEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addEvents" class="viewSource">view source</a></div><a name="addEvents"></a><a name="method-addEvents"></a><a href="Ext.slider.Tip.html#" rel="method-addEvents" class="cls expand">addEvents</a>(
-<span class="pre">Object/String o, String </span>)
- : void</div><div class="description"><div class="short"><p>Adds the specified events to the list of events which this Observable may fire.</p>
-</div><div class="long"><p>Adds the specified events to the list of events which this Observable may fire.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Object/String<div class="sub-desc"><p>Either an object with event names as properties with a value of <code>true</code>
-or the first event name string if multiple event names are being passed as separate parameters.</p>
-</div></li><li><span class="pre"></span> : String<div class="sub-desc"><p>[additional] Optional additional event names if multiple event names are being passed as separate parameters.
-Usage:</p>
-
-<pre><code>this.addEvents('storeloaded', 'storecleared');
-</code></pre>
-
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-addListener" class="member inherited"><a href="Ext.slider.Tip.html#method-addListener" rel="method-addListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addListener" class="viewSource">view source</a></div><a name="addListener"></a><a name="method-addListener"></a><a href="Ext.slider.Tip.html#" rel="method-addListener" class="cls expand">addListener</a>(
-<span class="pre">String eventName, Function handler, [Object scope], [Object options]</span>)
- : void</div><div class="description"><div class="short"><p>Appends an event handler to this object.</p>
-</div><div class="long"><p>Appends an event handler to this object.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to listen for. May also be an object who's property names are event names. See</p>
-</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The method the event invokes.</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
-<b>If omitted, defaults to the object which fired the event.</b></p>
-</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing handler configuration.
-properties. This may contain any of the following properties:<ul>
-<li><b>scope</b> : Object<div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
-<b>If omitted, defaults to the object which fired the event.</b></div></li>
-<li><b>delay</b> : Number<div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>
-<li><b>single</b> : Boolean<div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
-<li><b>buffer</b> : Number<div class="sub-desc">Causes the handler to be scheduled to run in an <a href="Ext.util.DelayedTask.html" rel="Ext.util.DelayedTask" class="docClass">Ext.util.DelayedTask</a> delayed
-by the specified number of milliseconds. If the event fires again within that time, the original
-handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
-<li><b>target</b> : Observable<div class="sub-desc">Only call the handler if the event was fired on the target Observable, <i>not</i>
-if the event was bubbled up from a child Observable.</div></li>
-<li><b>element</b> : String<div class="sub-desc"><b>This option is only valid for listeners bound to <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a>.</b>
-The name of a Component property which references an element to add a listener to.</p>
-
-<p>This option is useful during Component construction to add DOM event listeners to elements of <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Components</a> which
-will exist only after the Component is rendered. For example, to add a click listener to a Panel's body:
-<pre><code>new Ext.panel.Panel({
- title: 'The title',
- listeners: {
- click: this.handlePanelClick,
- element: 'body'
- }
-});
-</code></pre></p>
-
-
-<p>When added in this way, the options available are the options applicable to <a href="Ext.core.Element.html#addListener" rel="Ext.core.Element#addListener" class="docClass">Ext.core.Element.addListener</a></p>
-
-
-<p></div></li>
-</ul><br></p>
-
-<p>
-<b>Combining Options</b><br>
-Using the options argument, it is possible to combine different types of listeners:<br>
-<br>
-A delayed, one-time listener.
-<pre><code>myPanel.on('hide', this.handleClick, this, {
-single: true,
-delay: 100
-});</code></pre>
-<p>
-<b>Attaching multiple handlers in 1 call</b><br>
-The method also allows for a single argument to be passed which is a config object containing properties
-which specify multiple events. For example:
-<pre><code>myGridPanel.on({
- cellClick: this.onCellClick,
- mouseover: this.onMouseOver,
- mouseout: this.onMouseOut,
- scope: this // Important. Ensure "this" is correct during handler execution
-});
-</code></pre>.
-<p>
-
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-addManagedListener" class="member inherited"><a href="Ext.slider.Tip.html#method-addManagedListener" rel="method-addManagedListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-addManagedListener" class="viewSource">view source</a></div><a name="addManagedListener"></a><a name="method-addManagedListener"></a><a href="Ext.slider.Tip.html#" rel="method-addManagedListener" class="cls expand">addManagedListener</a>(
-<span class="pre">Observable/Element item, Object/String ename, Function fn, Object scope, Object opt</span>)
- : void</div><div class="description"><div class="short"><p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component
-is destroyed.
-
-</div><div class="long"><p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component
-is destroyed.
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Observable/Element<div class="sub-desc"><p>The item to which to add a listener/listeners.</p>
-</div></li><li><span class="pre">ename</span> : Object/String<div class="sub-desc"><p>The event name, or an object containing event name properties.</p>
-</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
-is the handler function.</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
-is the scope (<code>this</code> reference) in which the handler function is executed.</p>
-</div></li><li><span class="pre">opt</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
-is the <a href="Ext.util.Observable.html#addListener" rel="Ext.util.Observable#addListener" class="docClass">addListener</a> options.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-addStateEvents" class="member inherited"><a href="Ext.slider.Tip.html#method-addStateEvents" rel="method-addStateEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-addStateEvents" class="viewSource">view source</a></div><a name="addStateEvents"></a><a name="method-addStateEvents"></a><a href="Ext.slider.Tip.html#" rel="method-addStateEvents" class="cls expand">addStateEvents</a>(
-<span class="pre">String/Array events</span>)
- : void</div><div class="description"><div class="short"><p>Add events that will trigger the state to be saved.</p>
-</div><div class="long"><p>Add events that will trigger the state to be saved.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">events</span> : String/Array<div class="sub-desc"><p>The event name or an array of event names.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-afterComponentLayout" class="member inherited"><a href="Ext.slider.Tip.html#method-afterComponentLayout" rel="method-afterComponentLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-afterComponentLayout" class="viewSource">view source</a></div><a name="afterComponentLayout"></a><a name="method-afterComponentLayout"></a><a href="Ext.slider.Tip.html#" rel="method-afterComponentLayout" class="cls expand">afterComponentLayout</a>(
-<span class="pre">Number adjWidth, Number adjHeight, Boolean isSetSize, Ext.Component layoutOwner</span>)
- : void</div><div class="description"><div class="short"><p> </p></div><div class="long">
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">adjWidth</span> : Number<div class="sub-desc"><p>The box-adjusted width that was set</p>
-</div></li><li><span class="pre">adjHeight</span> : Number<div class="sub-desc"><p>The box-adjusted height that was set</p>
-</div></li><li><span class="pre">isSetSize</span> : Boolean<div class="sub-desc"><p>Whether or not the height/width are stored on the component permanently</p>
-</div></li><li><span class="pre">layoutOwner</span> : Ext.Component<div class="sub-desc"><p>Component which sent the layout. Only used when isSetSize is false.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-alignTo" class="member inherited"><a href="Ext.slider.Tip.html#method-alignTo" rel="method-alignTo" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-alignTo" class="viewSource">view source</a></div><a name="alignTo"></a><a name="method-alignTo"></a><a href="Ext.slider.Tip.html#" rel="method-alignTo" class="cls expand">alignTo</a>(
-<span class="pre">Mixed element, String position, [Array offsets]</span>)
- : Component</div><div class="description"><div class="short"><p>Aligns this floating Component to the specified element</p>
-</div><div class="long"><p>Aligns this floating Component to the specified element</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">element</span> : Mixed<div class="sub-desc"><p>The element or <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> to align to. If passing a component, it must
-be a omponent instance. If a string id is passed, it will be used as an element id.</p>
-</div></li><li><span class="pre">position</span> : String<div class="sub-desc"><p>(optional, defaults to "tl-bl?") The position to align to (see <a href="Ext.core.Element.html#alignTo" rel="Ext.core.Element#alignTo" class="docClass">Ext.core.Element.alignTo</a> for more details).</p>
-</div></li><li><span class="pre">offsets</span> : Array<div class="sub-desc"><p>(optional) Offset the positioning by [x, y]</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-animate" class="member inherited"><a href="Ext.slider.Tip.html#method-animate" rel="method-animate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-animate" class="viewSource">view source</a></div><a name="animate"></a><a name="method-animate"></a><a href="Ext.slider.Tip.html#" rel="method-animate" class="cls expand">animate</a>(
-<span class="pre">Object config</span>)
- : Object</div><div class="description"><div class="short">Perform custom animation on this object.
-This method is applicable to both the the Component class and the Element cl...</div><div class="long"><p>Perform custom animation on this object.<p>
-<p>This method is applicable to both the the <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Component</a> class and the <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Element</a> class.
-It performs animated transitions of certain properties of this object over a specified timeline.</p>
-<p>The sole parameter is an object which specifies start property values, end property values, and properties which
-describe the timeline. Of the properties listed below, only <b><code>to</code></b> is mandatory.</p>
-<p>Properties include<ul>
-<li><code>from</code> <div class="sub-desc">An object which specifies start values for the properties being animated.
-If not supplied, properties are animated from current settings. The actual properties which may be animated depend upon
-ths object being animated. See the sections below on Element and Component animation.<div></li>
-<li><code>to</code> <div class="sub-desc">An object which specifies end values for the properties being animated.</div></li>
-<li><code>duration</code><div class="sub-desc">The duration <b>in milliseconds</b> for which the animation will run.</div></li>
-<li><code>easing</code> <div class="sub-desc">A string value describing an easing type to modify the rate of change from the default linear to non-linear. Values may be one of:<code><ul>
-<li>ease</li>
-<li>easeIn</li>
-<li>easeOut</li>
-<li>easeInOut</li>
-<li>backIn</li>
-<li>backOut</li>
-<li>elasticIn</li>
-<li>elasticOut</li>
-<li>bounceIn</li>
-<li>bounceOut</li>
-</ul></code></div></li>
-<li><code>keyframes</code> <div class="sub-desc">This is an object which describes the state of animated properties at certain points along the timeline.
-it is an object containing properties who's names are the percentage along the timeline being described and who's values specify the animation state at that point.</div></li>
-<li><code>listeners</code> <div class="sub-desc">This is a standard <a href="Ext.util.Observable.html#listeners" rel="Ext.util.Observable#listeners" class="docClass">listeners</a> configuration object which may be used
-to inject behaviour at either the <code>beforeanimate</code> event or the <code>afteranimate</code> event.</div></li>
-</ul></p>
-<h3>Animating an <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Element</a></h3>
-When animating an Element, the following properties may be specified in <code>from</code>, <code>to</code>, and <code>keyframe</code> objects:<ul>
-<li><code>x</code> <div class="sub-desc">The page X position in pixels.</div></li>
-<li><code>y</code> <div class="sub-desc">The page Y position in pixels</div></li>
-<li><code>left</code> <div class="sub-desc">The element's CSS <code>left</code> value. Units must be supplied.</div></li>
-<li><code>top</code> <div class="sub-desc">The element's CSS <code>top</code> value. Units must be supplied.</div></li>
-<li><code>width</code> <div class="sub-desc">The element's CSS <code>width</code> value. Units must be supplied.</div></li>
-<li><code>height</code> <div class="sub-desc">The element's CSS <code>height</code> value. Units must be supplied.</div></li>
-<li><code>scrollLeft</code> <div class="sub-desc">The element's <code>scrollLeft</code> value.</div></li>
-<li><code>scrollTop</code> <div class="sub-desc">The element's <code>scrollLeft</code> value.</div></li>
-<li><code>opacity</code> <div class="sub-desc">The element's <code>opacity</code> value. This must be a value between <code>0</code> and <code>1</code>.</div></li>
-</ul>
-<p><b>Be aware than animating an Element which is being used by an <a href="Ext.html" rel="Ext" class="docClass">Ext</a> Component without in some way informing the Component about the changed element state
-will result in incorrect Component behaviour. This is because the Component will be using the old state of the element. To avoid this problem, it is now possible to
-directly animate certain properties of Components.</b></p>
-<h3>Animating a <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Component</a></h3>
-When animating an Element, the following properties may be specified in <code>from</code>, <code>to</code>, and <code>keyframe</code> objects:<ul>
-<li><code>x</code> <div class="sub-desc">The Component's page X position in pixels.</div></li>
-<li><code>y</code> <div class="sub-desc">The Component's page Y position in pixels</div></li>
-<li><code>left</code> <div class="sub-desc">The Component's <code>left</code> value in pixels.</div></li>
-<li><code>top</code> <div class="sub-desc">The Component's <code>top</code> value in pixels.</div></li>
-<li><code>width</code> <div class="sub-desc">The Component's <code>width</code> value in pixels.</div></li>
-<li><code>width</code> <div class="sub-desc">The Component's <code>width</code> value in pixels.</div></li>
-<li><code>dynamic</code> <div class="sub-desc">Specify as true to update the Component's layout (if it is a Container) at every frame
-of the animation. <i>Use sparingly as laying out on every intermediate size change is an expensive operation</i>.</div></li>
-</ul>
-<p>For example, to animate a Window to a new size, ensuring that its internal layout, and any shadow is correct:</p>
-<pre><code>myWindow = Ext.create('Ext.window.Window', {
- title: 'Test Component animation',
- width: 500,
- height: 300,
- layout: {
- type: 'hbox',
- align: 'stretch'
- },
- items: [{
- title: 'Left: 33%',
- margins: '5 0 5 5',
- flex: 1
- }, {
- title: 'Left: 66%',
- margins: '5 5 5 5',
- flex: 2
- }]
-});
-myWindow.show();
-myWindow.header.el.on('click', function() {
- myWindow.animate({
- to: {
- width: (myWindow.getWidth() == 500) ? 700 : 500,
- height: (myWindow.getHeight() == 300) ? 400 : 300,
- }
- });
-});
-</code></pre>
-<p>For performance reasons, by default, the internal layout is only updated when the Window reaches its final <code>"to"</code> size. If dynamic updating of the Window's child
-Components is required, then configure the animation with <code>dynamic: true</code> and the two child items will maintain their proportions during the animation.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">config</span> : Object<div class="sub-desc"><p>An object containing properties which describe the animation's start and end states, and the timeline of the animation.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>this</p>
-</li></ul></div></div></div><div id="method-applyState" class="member inherited"><a href="Ext.slider.Tip.html#method-applyState" rel="method-applyState" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-applyState" class="viewSource">view source</a></div><a name="applyState"></a><a name="method-applyState"></a><a href="Ext.slider.Tip.html#" rel="method-applyState" class="cls expand">applyState</a>(
-<span class="pre">Object state</span>)
- : void</div><div class="description"><div class="short">Applies the state to the object. This should be overridden in subclasses to do
-more complex state operations. By defa...</div><div class="long"><p>Applies the state to the object. This should be overridden in subclasses to do
-more complex state operations. By default it applies the state properties onto
-the current object.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The state</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-beforeComponentLayout" class="member inherited"><a href="Ext.slider.Tip.html#method-beforeComponentLayout" rel="method-beforeComponentLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-beforeComponentLayout" class="viewSource">view source</a></div><a name="beforeComponentLayout"></a><a name="method-beforeComponentLayout"></a><a href="Ext.slider.Tip.html#" rel="method-beforeComponentLayout" class="cls expand">beforeComponentLayout</a>(
-<span class="pre">Number adjWidth, Number adjHeight, Boolean isSetSize, Ext.Component layoutOwner</span>)
- : void</div><div class="description"><div class="short">Occurs before componentLayout is run. Returning false from this method will prevent the componentLayout
-from being ex...</div><div class="long"><p>Occurs before componentLayout is run. Returning false from this method will prevent the componentLayout
-from being executed.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">adjWidth</span> : Number<div class="sub-desc"><p>The box-adjusted width that was set</p>
-</div></li><li><span class="pre">adjHeight</span> : Number<div class="sub-desc"><p>The box-adjusted height that was set</p>
-</div></li><li><span class="pre">isSetSize</span> : Boolean<div class="sub-desc"><p>Whether or not the height/width are stored on the component permanently</p>
-</div></li><li><span class="pre">layoutOwner</span> : Ext.Component<div class="sub-desc"><p>Component which sent the layout. Only used when isSetSize is false.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-beforeLayout" class="member inherited"><a href="Ext.slider.Tip.html#method-beforeLayout" rel="method-beforeLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-beforeLayout" class="viewSource">view source</a></div><a name="beforeLayout"></a><a name="method-beforeLayout"></a><a href="Ext.slider.Tip.html#" rel="method-beforeLayout" class="cls expand">beforeLayout</a> : void</div><div class="description"><div class="short">Occurs before componentLayout is run. Returning false from this method will prevent the containerLayout
-from being ex...</div><div class="long"><p>Occurs before componentLayout is run. Returning false from this method will prevent the containerLayout
-from being executed.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-bubble" class="member inherited"><a href="Ext.slider.Tip.html#method-bubble" rel="method-bubble" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-bubble" class="viewSource">view source</a></div><a name="bubble"></a><a name="method-bubble"></a><a href="Ext.slider.Tip.html#" rel="method-bubble" class="cls expand">bubble</a>(
-<span class="pre">Function fn, [Object scope], [Array args]</span>)
- : Ext.Component</div><div class="description"><div class="short">Bubbles up the component/container heirarchy, calling the specified function with each component. The scope (this) of...</div><div class="long"><p>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.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The function to call</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope of the function (defaults to current node)</p>
-</div></li><li><span class="pre">args</span> : Array<div class="sub-desc"><p>(optional) The args to call the function with (default to passing the current component)</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-capture" class="member inherited"><a href="Ext.slider.Tip.html#method-capture" rel="method-capture" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-capture" class="viewSource">view source</a></div><a name="capture"></a><a name="method-capture"></a><a href="Ext.slider.Tip.html#" rel="method-capture" class="cls expand">capture</a>(
-<span class="pre">Observable o, Function fn, [Object scope]</span>)
- : void</div><div class="description"><div class="short">Starts capture on the specified Observable. All events will be passed
-to the supplied function with the event name + ...</div><div class="long"><p>Starts capture on the specified Observable. All events will be passed
-to the supplied function with the event name + standard signature of the event
-<b>before</b> the event is fired. If the supplied function returns false,
-the event will not fire.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Observable<div class="sub-desc"><p>The Observable to capture events from.</p>
-</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The function to call when an event is fired.</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to the Observable firing the event.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-cascade" class="member inherited"><a href="Ext.slider.Tip.html#method-cascade" rel="method-cascade" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-cascade" class="viewSource">view source</a></div><a name="cascade"></a><a name="method-cascade"></a><a href="Ext.slider.Tip.html#" rel="method-cascade" class="cls expand">cascade</a>(
-<span class="pre">Function fn, [Object scope], [Array args]</span>)
- : Ext.Container</div><div class="description"><div class="short">Cascades down the component/container heirarchy from this component (passed in the first call), calling the specified...</div><div class="long"><p>Cascades down the component/container heirarchy from this component (passed in the first call), calling the specified function with
-each component. The scope (<code>this</code> reference) of the
-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 cascade is stopped on that branch.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The function to call</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope of the function (defaults to current component)</p>
-</div></li><li><span class="pre">args</span> : Array<div class="sub-desc"><p>(optional) The args to call the function with. The current component always passed as the last argument.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Container</span> <p>this</p>
-</li></ul></div></div></div><div id="method-center" class="member inherited"><a href="Ext.slider.Tip.html#method-center" rel="method-center" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-center" class="viewSource">view source</a></div><a name="center"></a><a name="method-center"></a><a href="Ext.slider.Tip.html#" rel="method-center" class="cls expand">center</a> : Component</div><div class="description"><div class="short"><p>Center this Component in its container.</p>
-</div><div class="long"><p>Center this Component in its container.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-child" class="member inherited"><a href="Ext.slider.Tip.html#method-child" rel="method-child" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-child" class="viewSource">view source</a></div><a name="child"></a><a name="method-child"></a><a href="Ext.slider.Tip.html#" rel="method-child" class="cls expand">child</a>(
-<span class="pre">String selector</span>)
- : void</div><div class="description"><div class="short">Retrieves the first direct child of this container which matches the passed selector.
-The passed in selector must com...</div><div class="long"><p>Retrieves the first direct child of this container which matches the passed selector.
-The passed in selector must comply with an <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">Ext.ComponentQuery</a> selector.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>An <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">Ext.ComponentQuery</a> selector</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>Ext.Component</p>
-</li></ul></div></div></div><div id="method-clearListeners" class="member inherited"><a href="Ext.slider.Tip.html#method-clearListeners" rel="method-clearListeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-clearListeners" class="viewSource">view source</a></div><a name="clearListeners"></a><a name="method-clearListeners"></a><a href="Ext.slider.Tip.html#" rel="method-clearListeners" class="cls expand">clearListeners</a> : void</div><div class="description"><div class="short"><p>Removes all listeners for this object including the managed listeners</p>
-</div><div class="long"><p>Removes all listeners for this object including the managed listeners</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-clearManagedListeners" class="member inherited"><a href="Ext.slider.Tip.html#method-clearManagedListeners" rel="method-clearManagedListeners" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-clearManagedListeners" class="viewSource">view source</a></div><a name="clearManagedListeners"></a><a name="method-clearManagedListeners"></a><a href="Ext.slider.Tip.html#" rel="method-clearManagedListeners" class="cls expand">clearManagedListeners</a> : void</div><div class="description"><div class="short"><p>Removes all managed listeners for this object.</p>
-</div><div class="long"><p>Removes all managed listeners for this object.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-cloneConfig" class="member inherited"><a href="Ext.slider.Tip.html#method-cloneConfig" rel="method-cloneConfig" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-cloneConfig" class="viewSource">view source</a></div><a name="cloneConfig"></a><a name="method-cloneConfig"></a><a href="Ext.slider.Tip.html#" rel="method-cloneConfig" class="cls expand">cloneConfig</a>(
-<span class="pre">Object overrides</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Clone the current component using the original config values passed into this instance by default.</p>
-</div><div class="long"><p>Clone the current component using the original config values passed into this instance by default.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">overrides</span> : Object<div class="sub-desc"><p>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.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>clone The cloned copy of this component</p>
-</li></ul></div></div></div><div id="method-close" class="member inherited"><a href="Ext.slider.Tip.html#method-close" rel="method-close" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-method-close" class="viewSource">view source</a></div><a name="close"></a><a name="method-close"></a><a href="Ext.slider.Tip.html#" rel="method-close" class="cls expand">close</a> : void</div><div class="description"><div class="short">Closes the Panel. By default, this method, removes it from the DOM, destroys
-the Panel object and all its descendant ...</div><div class="long"><p>Closes the Panel. By default, this method, removes it from the DOM, <a href="Ext.Component.html#destroy" rel="Ext.Component#destroy" class="docClass">destroy</a>s
-the Panel object and all its descendant Components. The <a href="Ext.slider.Tip.html#beforeclose" rel="Ext.slider.Tip#beforeclose" class="docClass">beforeclose</a>
-event is fired before the close happens and will cancel the close action if it returns false.<p>
-<p><b>Note:</b> This method is not affected by the <a href="Ext.slider.Tip.html#closeAction" rel="Ext.slider.Tip#closeAction" class="docClass">closeAction</a> setting which
-only affects the action triggered when clicking the <a href="Ext.slider.Tip.html#closable" rel="Ext.slider.Tip#closable" class="docClass">'close' tool in the header</a>.
-To hide the Panel without destroying it, call <a href="Ext.slider.Tip.html#hide" rel="Ext.slider.Tip#hide" class="docClass">hide</a>.</p>
-
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-collapse" class="member inherited"><a href="Ext.slider.Tip.html#method-collapse" rel="method-collapse" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-method-collapse" class="viewSource">view source</a></div><a name="collapse"></a><a name="method-collapse"></a><a href="Ext.slider.Tip.html#" rel="method-collapse" class="cls expand">collapse</a>(
-<span class="pre">Number direction, Boolean animate, Object internal</span>)
- : Ext.panel.Panel</div><div class="description"><div class="short">Collapses the panel body so that the body becomes hidden. Docked Components parallel to the
-border towards which the ...</div><div class="long"><p>Collapses the panel body so that the body becomes hidden. Docked Components parallel to the
-border towards which the collapse takes place will remain visible. Fires the <a href="Ext.slider.Tip.html#beforecollapse" rel="Ext.slider.Tip#beforecollapse" class="docClass">beforecollapse</a> event which will
-cancel the collapse action if it returns false.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">direction</span> : Number<div class="sub-desc"><p>. The direction to collapse towards. Must be one of<ul>
-<li>Ext.Component.DIRECTION_TOP</li>
-<li>Ext.Component.DIRECTION_RIGHT</li>
-<li>Ext.Component.DIRECTION_BOTTOM</li>
-<li>Ext.Component.DIRECTION_LEFT</li></ul></p>
-</div></li><li><span class="pre">animate</span> : Boolean<div class="sub-desc"><p>True to animate the transition, else false (defaults to the value of the
-<a href="Ext.slider.Tip.html#animCollapse" rel="Ext.slider.Tip#animCollapse" class="docClass">animCollapse</a> panel config)</p>
-</div></li><li><span class="pre">internal</span> : Object<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.panel.Panel</span> <p>this</p>
-</li></ul></div></div></div><div id="method-destroy" class="member inherited"><a href="Ext.slider.Tip.html#method-destroy" rel="method-destroy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-destroy" class="viewSource">view source</a></div><a name="destroy"></a><a name="method-destroy"></a><a href="Ext.slider.Tip.html#" rel="method-destroy" class="cls expand">destroy</a> : void</div><div class="description"><div class="short"><p>Destroys this stateful object.</p>
-</div><div class="long"><p>Destroys this stateful object.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-disable" class="member inherited"><a href="Ext.slider.Tip.html#method-disable" rel="method-disable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-disable" class="viewSource">view source</a></div><a name="disable"></a><a name="method-disable"></a><a href="Ext.slider.Tip.html#" rel="method-disable" class="cls expand">disable</a>(
-<span class="pre">Boolean silent</span>)
- : void</div><div class="description"><div class="short"><p>Disable the component.</p>
-</div><div class="long"><p>Disable the component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">silent</span> : Boolean<div class="sub-desc"><p>Passing true, will supress the 'disable' event from being fired.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-doAutoRender" class="member inherited"><a href="Ext.slider.Tip.html#method-doAutoRender" rel="method-doAutoRender" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-doAutoRender" class="viewSource">view source</a></div><a name="doAutoRender"></a><a name="method-doAutoRender"></a><a href="Ext.slider.Tip.html#" rel="method-doAutoRender" class="cls expand">doAutoRender</a> : void</div><div class="description"><div class="short">Handles autoRender.
-Floating Components may have an ownerCt. If they are asking to be constrained, constrain them wit...</div><div class="long"><p>Handles autoRender.
-Floating Components may have an ownerCt. If they are asking to be constrained, constrain them within that
-ownerCt, and have their z-index managed locally. Floating Components are always rendered to document.body</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-doComponentLayout" class="member inherited"><a href="Ext.slider.Tip.html#method-doComponentLayout" rel="method-doComponentLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-doComponentLayout" class="viewSource">view source</a></div><a name="doComponentLayout"></a><a name="method-doComponentLayout"></a><a href="Ext.slider.Tip.html#" rel="method-doComponentLayout" class="cls expand">doComponentLayout</a>(
-<span class="pre">Object width, Object height, Object isSetSize, Object ownerCt</span>)
- : Ext.container.Container</div><div class="description"><div class="short">This method needs to be called whenever you change something on this component that requires the Component's
-layout t...</div><div class="long"><p>This method needs to be called whenever you change something on this component that requires the Component's
-layout to be recalculated.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Object<div class="sub-desc">
-</div></li><li><span class="pre">height</span> : Object<div class="sub-desc">
-</div></li><li><span class="pre">isSetSize</span> : Object<div class="sub-desc">
-</div></li><li><span class="pre">ownerCt</span> : Object<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>this</p>
-</li></ul></div></div></div><div id="method-doConstrain" class="member inherited"><a href="Ext.slider.Tip.html#method-doConstrain" rel="method-doConstrain" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-doConstrain" class="viewSource">view source</a></div><a name="doConstrain"></a><a name="method-doConstrain"></a><a href="Ext.slider.Tip.html#" rel="method-doConstrain" class="cls expand">doConstrain</a>(
-<span class="pre">Mixed constrainTo</span>)
- : void</div><div class="description"><div class="short">Moves this floating Component into a constrain region.
-
-
-By default, this Component is constrained to be within the c...</div><div class="long"><p>Moves this floating Component into a constrain region.</p>
-
-
-<p>By default, this Component is constrained to be within the container it was added to, or the element
-it was rendered to.</p>
-
-
-<p>An alternative constraint may be passed.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">constrainTo</span> : Mixed<div class="sub-desc"><p>Optional. The Element or <a href="Ext.util.Region.html" rel="Ext.util.Region" class="docClass">Region</a> into which this Component is to be constrained.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-doLayout" class="member inherited"><a href="Ext.slider.Tip.html#method-doLayout" rel="method-doLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-doLayout" class="viewSource">view source</a></div><a name="doLayout"></a><a name="method-doLayout"></a><a href="Ext.slider.Tip.html#" rel="method-doLayout" class="cls expand">doLayout</a> : Ext.container.Container</div><div class="description"><div class="short">Manually force this container's layout to be recalculated. The framwork uses this internally to refresh layouts
-form...</div><div class="long"><p>Manually force this container's layout to be recalculated. The framwork uses this internally to refresh layouts
-form most cases.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>this</p>
-</li></ul></div></div></div><div id="method-down" class="member inherited"><a href="Ext.slider.Tip.html#method-down" rel="method-down" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-down" class="viewSource">view source</a></div><a name="down"></a><a name="method-down"></a><a href="Ext.slider.Tip.html#" rel="method-down" class="cls expand">down</a>(
-<span class="pre">String selector</span>)
- : void</div><div class="description"><div class="short">Retrieves the first descendant of this container which matches the passed selector.
-The passed in selector must compl...</div><div class="long"><p>Retrieves the first descendant of this container which matches the passed selector.
-The passed in selector must comply with an <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">Ext.ComponentQuery</a> selector.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>An <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">Ext.ComponentQuery</a> selector</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>Ext.Component</p>
-</li></ul></div></div></div><div id="method-enable" class="member inherited"><a href="Ext.slider.Tip.html#method-enable" rel="method-enable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-enable" class="viewSource">view source</a></div><a name="enable"></a><a name="method-enable"></a><a href="Ext.slider.Tip.html#" rel="method-enable" class="cls expand">enable</a>(
-<span class="pre">Boolean silent</span>)
- : void</div><div class="description"><div class="short"><p>Enable the component</p>
-</div><div class="long"><p>Enable the component</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">silent</span> : Boolean<div class="sub-desc"><p>Passing false will supress the 'enable' event from being fired.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-enableBubble" class="member inherited"><a href="Ext.slider.Tip.html#method-enableBubble" rel="method-enableBubble" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-enableBubble" class="viewSource">view source</a></div><a name="enableBubble"></a><a name="method-enableBubble"></a><a href="Ext.slider.Tip.html#" rel="method-enableBubble" class="cls expand">enableBubble</a>(
-<span class="pre">String/Array events</span>)
- : void</div><div class="description"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
-this.getBubbleTarget() if present....</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
-<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
-
-
-<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="Ext.Component.html#getBubbleTarget" rel="Ext.Component#getBubbleTarget" class="docClass">Ext.Component.getBubbleTarget</a>. The default
-implementation in <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> returns the Component's immediate owner. But if a known target is required, this can be overridden to
-access the required target more quickly.</p>
-
-
-<p>Example:</p>
-
-
-<pre><code>Ext.override(Ext.form.field.Base, {
-// Add functionality to Field's initComponent to enable the change event to bubble
-initComponent : Ext.Function.createSequence(Ext.form.field.Base.prototype.initComponent, function() {
- this.enableBubble('change');
-}),
-
-// We know that we want Field's events to bubble directly to the FormPanel.
-getBubbleTarget : function() {
- if (!this.formPanel) {
- this.formPanel = this.findParentByType('form');
- }
- return this.formPanel;
-}
-});
-
-var myForm = new Ext.formPanel({
-title: 'User Details',
-items: [{
- ...
-}],
-listeners: {
- change: function() {
- // Title goes red if form has been modified.
- myForm.header.setStyle('color', 'red');
- }
-}
-});
-</code></pre>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">events</span> : String/Array<div class="sub-desc"><p>The event name to bubble, or an Array of event names.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-expand" class="member inherited"><a href="Ext.slider.Tip.html#method-expand" rel="method-expand" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-method-expand" class="viewSource">view source</a></div><a name="expand"></a><a name="method-expand"></a><a href="Ext.slider.Tip.html#" rel="method-expand" class="cls expand">expand</a>(
-<span class="pre">Boolean animate</span>)
- : Ext.panel.Panel</div><div class="description"><div class="short">Expands the panel body so that it becomes visible. Fires the beforeexpand event which will
-cancel the expand action ...</div><div class="long"><p>Expands the panel body so that it becomes visible. Fires the <a href="Ext.slider.Tip.html#beforeexpand" rel="Ext.slider.Tip#beforeexpand" class="docClass">beforeexpand</a> event which will
-cancel the expand action if it returns false.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">animate</span> : Boolean<div class="sub-desc"><p>True to animate the transition, else false (defaults to the value of the
-<a href="Ext.slider.Tip.html#animCollapse" rel="Ext.slider.Tip#animCollapse" class="docClass">animCollapse</a> panel config)</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.panel.Panel</span> <p>this</p>
-</li></ul></div></div></div><div id="method-findLayoutController" class="member inherited"><a href="Ext.slider.Tip.html#method-findLayoutController" rel="method-findLayoutController" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-findLayoutController" class="viewSource">view source</a></div><a name="findLayoutController"></a><a name="method-findLayoutController"></a><a href="Ext.slider.Tip.html#" rel="method-findLayoutController" class="cls expand">findLayoutController</a> : void</div><div class="description"><div class="short">This method finds the topmost active layout who's processing will eventually determine the size and position of this
-...</div><div class="long"><p>This method finds the topmost active layout who's processing will eventually determine the size and position of this
-Component.<p>
-<p>This method is useful when dynamically adding Components into Containers, and some processing must take place after the
-final sizing and positioning of the Component has been performed.</p>
-
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-findParentBy" class="member inherited"><a href="Ext.slider.Tip.html#method-findParentBy" rel="method-findParentBy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-findParentBy" class="viewSource">view source</a></div><a name="findParentBy"></a><a name="method-findParentBy"></a><a href="Ext.slider.Tip.html#" rel="method-findParentBy" class="cls expand">findParentBy</a>(
-<span class="pre">Function fn</span>)
- : Ext.container.Container</div><div class="description"><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"><p>Find a container above this component at any level by a custom function. If the passed function returns
-true, the container will be returned.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The custom function to call with the arguments (container, this component).</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>The first Container for which the custom function returns true</p>
-</li></ul></div></div></div><div id="method-findParentByType" class="member inherited"><a href="Ext.slider.Tip.html#method-findParentByType" rel="method-findParentByType" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-findParentByType" class="viewSource">view source</a></div><a name="findParentByType"></a><a name="method-findParentByType"></a><a href="Ext.slider.Tip.html#" rel="method-findParentByType" class="cls expand">findParentByType</a>(
-<span class="pre">String/Class xtype</span>)
- : Ext.container.Container</div><div class="description"><div class="short"><p>Find a container above this component at any level by xtype or class</p>
-
-
-<p>See also the <a href="Ext.Component.html#up" rel="Ext.Component#up" class="docClass">up</a> method.</p>
-
-</div><div class="long"><p>Find a container above this component at any level by xtype or class</p>
-
-
-<p>See also the <a href="Ext.Component.html#up" rel="Ext.Component#up" class="docClass">up</a> method.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">xtype</span> : String/Class<div class="sub-desc"><p>The xtype string for a component, or the class of the component directly</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>The first Container which matches the given xtype or class</p>
-</li></ul></div></div></div><div id="method-fireEvent" class="member inherited"><a href="Ext.slider.Tip.html#method-fireEvent" rel="method-fireEvent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-fireEvent" class="viewSource">view source</a></div><a name="fireEvent"></a><a name="method-fireEvent"></a><a href="Ext.slider.Tip.html#" rel="method-fireEvent" class="cls expand">fireEvent</a>(
-<span class="pre">String eventName, Object... args</span>)
- : Boolean</div><div class="description"><div class="short">Fires the specified event with the passed parameters (minus the event name).
-
-
-An event may be set to bubble up an Ob...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
-
-
-<p>An event may be set to bubble up an Observable parent hierarchy (See <a href="Ext.Component.html#getBubbleTarget" rel="Ext.Component#getBubbleTarget" class="docClass">Ext.Component.getBubbleTarget</a>)
-by calling <a href="Ext.slider.Tip.html#enableBubble" rel="Ext.slider.Tip#enableBubble" class="docClass">enableBubble</a>.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to fire.</p>
-</div></li><li><span class="pre">args</span> : Object...<div class="sub-desc"><p>Variable number of parameters are passed to handlers.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>returns false if any of the handlers return false otherwise it returns true.</p>
-</li></ul></div></div></div><div id="method-focus" class="member inherited"><a href="Ext.slider.Tip.html#method-focus" rel="method-focus" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-focus" class="viewSource">view source</a></div><a name="focus"></a><a name="method-focus"></a><a href="Ext.slider.Tip.html#" rel="method-focus" class="cls expand">focus</a>(
-<span class="pre">[Boolean selectText], [Boolean/Number delay]</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Try to focus this component.</p>
-</div><div class="long"><p>Try to focus this component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selectText</span> : Boolean<div class="sub-desc"><p>(optional) If applicable, true to also select the text in this component</p>
-</div></li><li><span class="pre">delay</span> : Boolean/Number<div class="sub-desc"><p>(optional) Delay the focus this number of milliseconds (true for 10 milliseconds).</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-getActiveAnimation" class="member inherited"><a href="Ext.slider.Tip.html#method-getActiveAnimation" rel="method-getActiveAnimation" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-getActiveAnimation" class="viewSource">view source</a></div><a name="getActiveAnimation"></a><a name="method-getActiveAnimation"></a><a href="Ext.slider.Tip.html#" rel="method-getActiveAnimation" class="cls expand">getActiveAnimation</a> : Mixed</div><div class="description"><div class="short"><p>Returns thq current animation if this object has any effects actively running or queued, else returns false.</p>
-</div><div class="long"><p>Returns thq current animation if this object has any effects actively running or queued, else returns false.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Mixed</span> <p>anim if element has active effects, else false</p>
-</li></ul></div></div></div><div id="method-getBox" class="member inherited"><a href="Ext.slider.Tip.html#method-getBox" rel="method-getBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-getBox" class="viewSource">view source</a></div><a name="getBox"></a><a name="method-getBox"></a><a href="Ext.slider.Tip.html#" rel="method-getBox" class="cls expand">getBox</a>(
-<span class="pre">[Boolean local]</span>)
- : Object</div><div class="description"><div class="short"><p>Gets the current box measurements of the component's underlying element.</p>
-</div><div class="long"><p>Gets the current box measurements of the component's underlying element.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>box An object in the format {x, y, width, height}</p>
-</li></ul></div></div></div><div id="method-getBubbleTarget" class="member inherited"><a href="Ext.slider.Tip.html#method-getBubbleTarget" rel="method-getBubbleTarget" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getBubbleTarget" class="viewSource">view source</a></div><a name="getBubbleTarget"></a><a name="method-getBubbleTarget"></a><a href="Ext.slider.Tip.html#" rel="method-getBubbleTarget" class="cls expand">getBubbleTarget</a> : Ext.container.Container</div><div class="description"><div class="short"><p>Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.</p>
-</div><div class="long"><p>Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.container.Container</span> <p>the Container which owns this Component.</p>
-</li></ul></div></div></div><div id="method-getChildByElement" class="member inherited"><a href="Ext.slider.Tip.html#method-getChildByElement" rel="method-getChildByElement" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.Container.html" class="definedIn docClass">Ext.container.Container</a><br/><a href="../source/Container.html#Ext-container.Container-method-getChildByElement" class="viewSource">view source</a></div><a name="getChildByElement"></a><a name="method-getChildByElement"></a><a href="Ext.slider.Tip.html#" rel="method-getChildByElement" class="cls expand">getChildByElement</a>(
-<span class="pre">Object el</span>)
- : Component</div><div class="description"><div class="short"><p>Return the immediate child Component in which the passed element is located.</p>
-</div><div class="long"><p>Return the immediate child Component in which the passed element is located.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Object<div class="sub-desc"><p>The element to test.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>The child item which contains the passed element.</p>
-</li></ul></div></div></div><div id="method-getComponent" class="member inherited"><a href="Ext.slider.Tip.html#method-getComponent" rel="method-getComponent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-method-getComponent" class="viewSource">view source</a></div><a name="getComponent"></a><a name="method-getComponent"></a><a href="Ext.slider.Tip.html#" rel="method-getComponent" class="cls expand">getComponent</a>(
-<span class="pre">String/Number comp</span>)
- : Ext.Component</div><div class="description"><div class="short">Attempts a default component lookup (see Ext.container.Container.getComponent). If the component is not found in the ...</div><div class="long"><p>Attempts a default component lookup (see <a href="Ext.container.Container.html#getComponent" rel="Ext.container.Container#getComponent" class="docClass">Ext.container.Container.getComponent</a>). If the component is not found in the normal
-items, the dockedItems are searched and the matched component (if any) returned (see {@loink #getDockedComponent}). Note that docked
-items will only be matched by component id or itemId -- if you pass a numeric index only non-docked child components will be searched.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">comp</span> : String/Number<div class="sub-desc"><p>The component id, itemId or position to find</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>The component (if found)</p>
-</li></ul></div></div></div><div id="method-getDockedComponent" class="member inherited"><a href="Ext.slider.Tip.html#method-getDockedComponent" rel="method-getDockedComponent" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-method-getDockedComponent" class="viewSource">view source</a></div><a name="getDockedComponent"></a><a name="method-getDockedComponent"></a><a href="Ext.slider.Tip.html#" rel="method-getDockedComponent" class="cls expand">getDockedComponent</a>(
-<span class="pre">String/Number comp</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Finds a docked component by id, itemId or position. Also see <a href="Ext.slider.Tip.html#getDockedItems" rel="Ext.slider.Tip#getDockedItems" class="docClass">getDockedItems</a></p>
-</div><div class="long"><p>Finds a docked component by id, itemId or position. Also see <a href="Ext.slider.Tip.html#getDockedItems" rel="Ext.slider.Tip#getDockedItems" class="docClass">getDockedItems</a></p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">comp</span> : String/Number<div class="sub-desc"><p>The id, itemId or position of the docked component (see <a href="Ext.slider.Tip.html#getComponent" rel="Ext.slider.Tip#getComponent" class="docClass">getComponent</a> for details)</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>The docked component (if found)</p>
-</li></ul></div></div></div><div id="method-getDockedItems" class="member inherited"><a href="Ext.slider.Tip.html#method-getDockedItems" rel="method-getDockedItems" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-method-getDockedItems" class="viewSource">view source</a></div><a name="getDockedItems"></a><a name="method-getDockedItems"></a><a href="Ext.slider.Tip.html#" rel="method-getDockedItems" class="cls expand">getDockedItems</a>(
-<span class="pre">String cqSelector</span>)
- : Array</div><div class="description"><div class="short"><p>Retrieve an array of all currently docked Components.</p>
-</div><div class="long"><p>Retrieve an array of all currently docked Components.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">cqSelector</span> : String<div class="sub-desc"><p>A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector string to filter the returned items.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>An array of components.</p>
-</li></ul></div></div></div><div id="method-getEl" class="member inherited"><a href="Ext.slider.Tip.html#method-getEl" rel="method-getEl" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getEl" class="viewSource">view source</a></div><a name="getEl"></a><a name="method-getEl"></a><a href="Ext.slider.Tip.html#" rel="method-getEl" class="cls expand">getEl</a> : void</div><div class="description"><div class="short"><p>Retrieves the top level element representing this component.</p>
-</div><div class="long"><p>Retrieves the top level element representing this component.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-getHeight" class="member inherited"><a href="Ext.slider.Tip.html#method-getHeight" rel="method-getHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getHeight" class="viewSource">view source</a></div><a name="getHeight"></a><a name="method-getHeight"></a><a href="Ext.slider.Tip.html#" rel="method-getHeight" class="cls expand">getHeight</a> : Number</div><div class="description"><div class="short"><p>Gets the current height of the component's underlying element.</p>
-</div><div class="long"><p>Gets the current height of the component's underlying element.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
-</li></ul></div></div></div><div id="method-getId" class="member inherited"><a href="Ext.slider.Tip.html#method-getId" rel="method-getId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getId" class="viewSource">view source</a></div><a name="getId"></a><a name="method-getId"></a><a href="Ext.slider.Tip.html#" rel="method-getId" class="cls expand">getId</a> : void</div><div class="description"><div class="short"><p>Retrieves the id of this component.
-Will autogenerate an id if one has not already been set.</p>
-</div><div class="long"><p>Retrieves the id of this component.
-Will autogenerate an id if one has not already been set.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-getInsertPosition" class="member inherited"><a href="Ext.slider.Tip.html#method-getInsertPosition" rel="method-getInsertPosition" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getInsertPosition" class="viewSource">view source</a></div><a name="getInsertPosition"></a><a name="method-getInsertPosition"></a><a href="Ext.slider.Tip.html#" rel="method-getInsertPosition" class="cls expand">getInsertPosition</a>(
-<span class="pre">String/Number/Element/HTMLElement position</span>)
- : HTMLElement</div><div class="description"><div class="short">This function takes the position argument passed to onRender and returns a
-DOM element that you can use in the insert...</div><div class="long"><p>This function takes the position argument passed to onRender and returns a
-DOM element that you can use in the insertBefore.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">position</span> : String/Number/Element/HTMLElement<div class="sub-desc"><p>Index, element id or element you want
-to put this component before.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement</span> <p>DOM element that you can use in the insertBefore</p>
-</li></ul></div></div></div><div id="method-getLayout" class="member inherited"><a href="Ext.slider.Tip.html#method-getLayout" rel="method-getLayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-getLayout" class="viewSource">view source</a></div><a name="getLayout"></a><a name="method-getLayout"></a><a href="Ext.slider.Tip.html#" rel="method-getLayout" class="cls expand">getLayout</a> : Ext.layout.container.AbstractContainer</div><div class="description"><div class="short">Returns the layout instance currently associated with this Container.
-If a layout has not been instantiated yet, that...</div><div class="long"><p>Returns the <a href="Ext.layout.container.AbstractContainer.html" rel="Ext.layout.container.AbstractContainer" class="docClass">layout</a> instance currently associated with this Container.
-If a layout has not been instantiated yet, that is done first</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.layout.container.AbstractContainer</span> <p>The layout</p>
-</li></ul></div></div></div><div id="method-getLoader" class="member inherited"><a href="Ext.slider.Tip.html#method-getLoader" rel="method-getLoader" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getLoader" class="viewSource">view source</a></div><a name="getLoader"></a><a name="method-getLoader"></a><a href="Ext.slider.Tip.html#" rel="method-getLoader" class="cls expand">getLoader</a> : Ext.ComponentLoader</div><div class="description"><div class="short"><p>Gets the <a href="Ext.ComponentLoader.html" rel="Ext.ComponentLoader" class="docClass">Ext.ComponentLoader</a> for this Component.</p>
-</div><div class="long"><p>Gets the <a href="Ext.ComponentLoader.html" rel="Ext.ComponentLoader" class="docClass">Ext.ComponentLoader</a> for this Component.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.ComponentLoader</span> <p>The loader instance, null if it doesn't exist.</p>
-</li></ul></div></div></div><div id="method-getPlugin" class="member inherited"><a href="Ext.slider.Tip.html#method-getPlugin" rel="method-getPlugin" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getPlugin" class="viewSource">view source</a></div><a name="getPlugin"></a><a name="method-getPlugin"></a><a href="Ext.slider.Tip.html#" rel="method-getPlugin" class="cls expand">getPlugin</a>(
-<span class="pre">Object pluginId</span>)
- : Ext.AbstractPlugin</div><div class="description"><div class="short"><p>Retrieves a plugin by its pluginId which has been bound to this
-component.</p>
-</div><div class="long"><p>Retrieves a plugin by its pluginId which has been bound to this
-component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">pluginId</span> : Object<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.AbstractPlugin</span> <p>pluginInstance</p>
-</li></ul></div></div></div><div id="method-getPosition" class="member inherited"><a href="Ext.slider.Tip.html#method-getPosition" rel="method-getPosition" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-getPosition" class="viewSource">view source</a></div><a name="getPosition"></a><a name="method-getPosition"></a><a href="Ext.slider.Tip.html#" rel="method-getPosition" class="cls expand">getPosition</a>(
-<span class="pre">[Boolean local]</span>)
- : Array</div><div class="description"><div class="short"><p>Gets the current XY position of the component's underlying element.</p>
-</div><div class="long"><p>Gets the current XY position of the component's underlying element.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">local</span> : Boolean<div class="sub-desc"><p>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>The XY position of the element (e.g., [100, 200])</p>
-</li></ul></div></div></div><div id="method-getSize" class="member inherited"><a href="Ext.slider.Tip.html#method-getSize" rel="method-getSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getSize" class="viewSource">view source</a></div><a name="getSize"></a><a name="method-getSize"></a><a href="Ext.slider.Tip.html#" rel="method-getSize" class="cls expand">getSize</a> : Object</div><div class="description"><div class="short"><p>Gets the current size of the component's underlying element.</p>
-</div><div class="long"><p>Gets the current size of the component's underlying element.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>An object containing the element's size {width: (element width), height: (element height)}</p>
-</li></ul></div></div></div><div id="method-getState" class="member inherited"><a href="Ext.slider.Tip.html#method-getState" rel="method-getState" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-getState" class="viewSource">view source</a></div><a name="getState"></a><a name="method-getState"></a><a href="Ext.slider.Tip.html#" rel="method-getState" class="cls expand">getState</a> : Object</div><div class="description"><div class="short">Gets the current state of the object. By default this function returns null,
-it should be overridden in subclasses to...</div><div class="long"><p>Gets the current state of the object. By default this function returns null,
-it should be overridden in subclasses to implement methods for getting the state.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Object</span> <p>The current state</p>
-</li></ul></div></div></div><div id="method-getStateId" class="member inherited"><a href="Ext.slider.Tip.html#method-getStateId" rel="method-getStateId" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-method-getStateId" class="viewSource">view source</a></div><a name="getStateId"></a><a name="method-getStateId"></a><a href="Ext.slider.Tip.html#" rel="method-getStateId" class="cls expand">getStateId</a> : String</div><div class="description"><div class="short"><p>Gets the state id for this object.</p>
-</div><div class="long"><p>Gets the state id for this object.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The state id, null if not found.</p>
-</li></ul></div></div></div><div id="method-getText" class="member ni"><a href="Ext.slider.Tip.html#method-getText" rel="method-getText" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.slider.Tip.html" class="definedIn docClass">Ext.slider.Tip</a><br/><a href="../source/Tip2.html#Ext-slider.Tip-method-getText" class="viewSource">view source</a></div><a name="getText"></a><a name="method-getText"></a><a href="Ext.slider.Tip.html#" rel="method-getText" class="cls expand">getText</a>(
-<span class="pre">Ext.slider.Thumb thumb</span>)
- : String</div><div class="description"><div class="short">Used to create the text that appears in the Tip's body. By default this just returns
-the value of the Slider Thumb th...</div><div class="long"><p>Used to create the text that appears in the Tip's body. By default this just returns
-the value of the Slider Thumb that the Tip is attached to. Override to customize.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">thumb</span> : Ext.slider.Thumb<div class="sub-desc"><p>The Thumb that the Tip is attached to</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The text to display in the tip</p>
-</li></ul></div></div></div><div id="method-getWidth" class="member inherited"><a href="Ext.slider.Tip.html#method-getWidth" rel="method-getWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getWidth" class="viewSource">view source</a></div><a name="getWidth"></a><a name="method-getWidth"></a><a href="Ext.slider.Tip.html#" rel="method-getWidth" class="cls expand">getWidth</a> : Number</div><div class="description"><div class="short"><p>Gets the current width of the component's underlying element.</p>
-</div><div class="long"><p>Gets the current width of the component's underlying element.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>
-</li></ul></div></div></div><div id="method-getXType" class="member inherited"><a href="Ext.slider.Tip.html#method-getXType" rel="method-getXType" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-getXType" class="viewSource">view source</a></div><a name="getXType"></a><a name="method-getXType"></a><a href="Ext.slider.Tip.html#" rel="method-getXType" class="cls expand">getXType</a> : String</div><div class="description"><div class="short">Gets the xtype for this component as registered with Ext.ComponentManager. For a list of all
-available xtypes, see th...</div><div class="long"><p>Gets the xtype for this component as registered with <a href="Ext.ComponentManager.html" rel="Ext.ComponentManager" class="docClass">Ext.ComponentManager</a>. For a list of all
-available xtypes, see the <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> header. Example usage:</p>
-
-<pre><code>var t = new Ext.form.field.Text();
-alert(t.getXType()); // alerts 'textfield'
-</code></pre>
-
-<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The xtype</p>
-</li></ul></div></div></div><div id="method-getXTypes" class="member inherited"><a href="Ext.slider.Tip.html#method-getXTypes" rel="method-getXTypes" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-getXTypes" class="viewSource">view source</a></div><a name="getXTypes"></a><a name="method-getXTypes"></a><a href="Ext.slider.Tip.html#" rel="method-getXTypes" class="cls expand">getXTypes</a> : String</div><div class="description"><div class="short">Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
-available xtypes, see the Ext...</div><div class="long"><p>Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
-available xtypes, see the <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> header.</p>
-
-
-<p><b>If using your own subclasses, be aware that a Component must register its own xtype
-to participate in determination of inherited xtypes.</b></p>
-
-
-<p>Example usage:</p>
-
-
-<pre><code>var t = new Ext.form.field.Text();
-alert(t.getXTypes()); // alerts 'component/field/textfield'
-</code></pre>
-
-<h3 class="pa">Returns</h3><ul><li><span class="pre">String</span> <p>The xtype hierarchy string</p>
-</li></ul></div></div></div><div id="method-hasListener" class="member inherited"><a href="Ext.slider.Tip.html#method-hasListener" rel="method-hasListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-hasListener" class="viewSource">view source</a></div><a name="hasListener"></a><a name="method-hasListener"></a><a href="Ext.slider.Tip.html#" rel="method-hasListener" class="cls expand">hasListener</a>(
-<span class="pre">String eventName</span>)
- : Boolean</div><div class="description"><div class="short"><p>Checks to see if this object has any listeners for a specified event</p>
-</div><div class="long"><p>Checks to see if this object has any listeners for a specified event</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to check for</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if the event is being listened for, else false</p>
-</li></ul></div></div></div><div id="method-hasUICls" class="member inherited"><a href="Ext.slider.Tip.html#method-hasUICls" rel="method-hasUICls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-hasUICls" class="viewSource">view source</a></div><a name="hasUICls"></a><a name="method-hasUICls"></a><a href="Ext.slider.Tip.html#" rel="method-hasUICls" class="cls expand">hasUICls</a>(
-<span class="pre">String cls</span>)
- : void</div><div class="description"><div class="short"><p>Checks if there is currently a specified uiCls</p>
-</div><div class="long"><p>Checks if there is currently a specified uiCls</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String<div class="sub-desc"><p>The cls to check</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-hide" class="member inherited"><a href="Ext.slider.Tip.html#method-hide" rel="method-hide" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-hide" class="viewSource">view source</a></div><a name="hide"></a><a name="method-hide"></a><a href="Ext.slider.Tip.html#" rel="method-hide" class="cls expand">hide</a>(
-<span class="pre">String/Element/Component animateTarget, [Function callback], [Object scope]</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Hides this Component, setting it to invisible using the configured <a href="Ext.slider.Tip.html#hideMode" rel="Ext.slider.Tip#hideMode" class="docClass">hideMode</a>.</p>
-</div><div class="long"><p>Hides this Component, setting it to invisible using the configured <a href="Ext.slider.Tip.html#hideMode" rel="Ext.slider.Tip#hideMode" class="docClass">hideMode</a>.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">animateTarget</span> : String/Element/Component<div class="sub-desc"><p>Optional, and <b>only valid for <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Components such as
-<a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Window</a>s or <a href="Ext.tip.ToolTip.html" rel="Ext.tip.ToolTip" class="docClass">ToolTip</a>s, or regular Components which have been configured
-with <code>floating: true</code>.</b>.
-The target to which the Component should animate while hiding (defaults to null with no animation)</p>
-</div></li><li><span class="pre">callback</span> : Function<div class="sub-desc"><p>(optional) A callback function to call after the Component is hidden.</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the callback is executed. Defaults to this Component.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-insert" class="member inherited"><a href="Ext.slider.Tip.html#method-insert" rel="method-insert" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-insert" class="viewSource">view source</a></div><a name="insert"></a><a name="method-insert"></a><a href="Ext.slider.Tip.html#" rel="method-insert" class="cls expand">insert</a>(
-<span class="pre">Number index, Ext.Component component</span>)
- : Ext.Component</div><div class="description"><div class="short">Inserts a Component into this Container at a specified index. Fires the
-beforeadd event before inserting, then fires ...</div><div class="long"><p>Inserts a Component into this Container at a specified index. Fires the
-<a href="Ext.slider.Tip.html#beforeadd" rel="Ext.slider.Tip#beforeadd" class="docClass">beforeadd</a> event before inserting, then fires the <a href="Ext.slider.Tip.html#add" rel="Ext.slider.Tip#add" class="docClass">add</a> event after the
-Component has been inserted.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">index</span> : Number<div class="sub-desc"><p>The index at which the Component will be inserted
-into the Container's items collection</p>
-</div></li><li><span class="pre">component</span> : Ext.Component<div class="sub-desc"><p>The child Component to insert.<br><br>
-<a href="Ext.html" rel="Ext" class="docClass">Ext</a> uses lazy rendering, and will only render the inserted Component should
-it become necessary.<br><br>
-A Component config object may be passed in order to avoid the overhead of
-constructing a real Component object if lazy rendering might mean that the
-inserted Component will not be rendered immediately. To take advantage of
-this 'lazy instantiation', set the <a href="Ext.Component.html#xtype" rel="Ext.Component#xtype" class="docClass">Ext.Component.xtype</a> config
-property to the registered type of the Component wanted.<br><br>
-For a list of all available xtypes, see <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a>.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>component The Component (or config object) that was
-inserted with the Container's default config values applied.</p>
-</li></ul></div></div></div><div id="method-insertDocked" class="member inherited"><a href="Ext.slider.Tip.html#method-insertDocked" rel="method-insertDocked" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-method-insertDocked" class="viewSource">view source</a></div><a name="insertDocked"></a><a name="method-insertDocked"></a><a href="Ext.slider.Tip.html#" rel="method-insertDocked" class="cls expand">insertDocked</a>(
-<span class="pre">Number pos, Object/Array component</span>)
- : void</div><div class="description"><div class="short"><p>Inserts docked item(s) to the panel at the indicated position.</p>
-</div><div class="long"><p>Inserts docked item(s) to the panel at the indicated position.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">pos</span> : Number<div class="sub-desc"><p>The index at which the Component will be inserted</p>
-</div></li><li><span class="pre">component</span> : Object/Array<div class="sub-desc"><p>. The Component or array of components to add. The components
-must include a 'dock' paramater on each component to indicate where it should be docked ('top', 'right',
-'bottom', 'left').</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-is" class="member inherited"><a href="Ext.slider.Tip.html#method-is" rel="method-is" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-is" class="viewSource">view source</a></div><a name="is"></a><a name="method-is"></a><a href="Ext.slider.Tip.html#" rel="method-is" class="cls expand">is</a>(
-<span class="pre">String selector</span>)
- : Boolean</div><div class="description"><div class="short"><p>Tests whether this Component matches the selector string.</p>
-</div><div class="long"><p>Tests whether this Component matches the selector string.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>The selector string to test against.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this Component matches the selector.</p>
-</li></ul></div></div></div><div id="method-isDescendantOf" class="member inherited"><a href="Ext.slider.Tip.html#method-isDescendantOf" rel="method-isDescendantOf" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isDescendantOf" class="viewSource">view source</a></div><a name="isDescendantOf"></a><a name="method-isDescendantOf"></a><a href="Ext.slider.Tip.html#" rel="method-isDescendantOf" class="cls expand">isDescendantOf</a>(
-<span class="pre">Ext.Container container</span>)
- : Boolean</div><div class="description"><div class="short"><p>Determines whether this component is the descendant of a particular container.</p>
-</div><div class="long"><p>Determines whether this component is the descendant of a particular container.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">container</span> : Ext.Container<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>isDescendant</p>
-</li></ul></div></div></div><div id="method-isDisabled" class="member inherited"><a href="Ext.slider.Tip.html#method-isDisabled" rel="method-isDisabled" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isDisabled" class="viewSource">view source</a></div><a name="isDisabled"></a><a name="method-isDisabled"></a><a href="Ext.slider.Tip.html#" rel="method-isDisabled" class="cls expand">isDisabled</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is currently disabled.</p>
-</div><div class="long"><p>Method to determine whether this Component is currently disabled.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the disabled state of this Component.</p>
-</li></ul></div></div></div><div id="method-isDraggable" class="member inherited"><a href="Ext.slider.Tip.html#method-isDraggable" rel="method-isDraggable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isDraggable" class="viewSource">view source</a></div><a name="isDraggable"></a><a name="method-isDraggable"></a><a href="Ext.slider.Tip.html#" rel="method-isDraggable" class="cls expand">isDraggable</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is draggable.</p>
-</div><div class="long"><p>Method to determine whether this Component is draggable.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the draggable state of this component.</p>
-</li></ul></div></div></div><div id="method-isDroppable" class="member inherited"><a href="Ext.slider.Tip.html#method-isDroppable" rel="method-isDroppable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isDroppable" class="viewSource">view source</a></div><a name="isDroppable"></a><a name="method-isDroppable"></a><a href="Ext.slider.Tip.html#" rel="method-isDroppable" class="cls expand">isDroppable</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is droppable.</p>
-</div><div class="long"><p>Method to determine whether this Component is droppable.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the droppable state of this component.</p>
-</li></ul></div></div></div><div id="method-isFloating" class="member inherited"><a href="Ext.slider.Tip.html#method-isFloating" rel="method-isFloating" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isFloating" class="viewSource">view source</a></div><a name="isFloating"></a><a name="method-isFloating"></a><a href="Ext.slider.Tip.html#" rel="method-isFloating" class="cls expand">isFloating</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is floating.</p>
-</div><div class="long"><p>Method to determine whether this Component is floating.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the floating state of this component.</p>
-</li></ul></div></div></div><div id="method-isHidden" class="member inherited"><a href="Ext.slider.Tip.html#method-isHidden" rel="method-isHidden" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isHidden" class="viewSource">view source</a></div><a name="isHidden"></a><a name="method-isHidden"></a><a href="Ext.slider.Tip.html#" rel="method-isHidden" class="cls expand">isHidden</a> : Boolean</div><div class="description"><div class="short"><p>Method to determine whether this Component is currently set to hidden.</p>
-</div><div class="long"><p>Method to determine whether this Component is currently set to hidden.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>the hidden state of this Component.</p>
-</li></ul></div></div></div><div id="method-isVisible" class="member inherited"><a href="Ext.slider.Tip.html#method-isVisible" rel="method-isVisible" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isVisible" class="viewSource">view source</a></div><a name="isVisible"></a><a name="method-isVisible"></a><a href="Ext.slider.Tip.html#" rel="method-isVisible" class="cls expand">isVisible</a>(
-<span class="pre">Boolean deep</span>)
- : Boolean</div><div class="description"><div class="short"><p>Returns true if this component is visible.</p>
-</div><div class="long"><p>Returns true if this component is visible.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">deep</span> : Boolean<div class="sub-desc"><p>. <p>Optional. Pass <code>true</code> to interrogate the visibility status of all
-parent Containers to determine whether this Component is truly visible to the user.</p></p>
-
-<p>Generally, to determine whether a Component is hidden, the no argument form is needed. For example
-when creating dynamically laid out UIs in a hidden Container before showing them.</p>
-
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this component is visible, false otherwise.</p>
-</li></ul></div></div></div><div id="method-isXType" class="member inherited"><a href="Ext.slider.Tip.html#method-isXType" rel="method-isXType" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-isXType" class="viewSource">view source</a></div><a name="isXType"></a><a name="method-isXType"></a><a href="Ext.slider.Tip.html#" rel="method-isXType" class="cls expand">isXType</a>(
-<span class="pre">String xtype, [Boolean shallow]</span>)
- : Boolean</div><div class="description"><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
-from the xtype (default) or whether it is directly of the xtype specified (shallow = true).</p>
-
-
-<p><b>If using your own subclasses, be aware that a Component must register its own xtype
-to participate in determination of inherited xtypes.</b></p>
-
-
-<p>For a list of all available xtypes, see the <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> header.</p>
-
-
-<p>Example usage:</p>
-
-
-<pre><code>var t = new Ext.form.field.Text();
-var isText = t.isXType('textfield'); // true
-var isBoxSubclass = t.isXType('field'); // true, descended from <a href="Ext.form.field.Base.html" rel="Ext.form.field.Base" class="docClass">Ext.form.field.Base</a>
-var isBoxInstance = t.isXType('field', true); // false, not a direct <a href="Ext.form.field.Base.html" rel="Ext.form.field.Base" class="docClass">Ext.form.field.Base</a> instance
-</code></pre>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">xtype</span> : String<div class="sub-desc"><p>The xtype to check for this Component</p>
-</div></li><li><span class="pre">shallow</span> : Boolean<div class="sub-desc"><p>(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.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Boolean</span> <p>True if this component descends from the specified xtype, false otherwise.</p>
-</li></ul></div></div></div><div id="method-move" class="member inherited"><a href="Ext.slider.Tip.html#method-move" rel="method-move" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-move" class="viewSource">view source</a></div><a name="move"></a><a name="method-move"></a><a href="Ext.slider.Tip.html#" rel="method-move" class="cls expand">move</a>(
-<span class="pre">Number fromIdx, Number toIdx</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Moves a Component within the Container</p>
-</div><div class="long"><p>Moves a Component within the Container</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">fromIdx</span> : Number<div class="sub-desc"><p>The index the Component you wish to move is currently at.</p>
-</div></li><li><span class="pre">toIdx</span> : Number<div class="sub-desc"><p>The new index for the Component.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>component The Component (or config object) that was moved.</p>
-</li></ul></div></div></div><div id="method-nextNode" class="member inherited"><a href="Ext.slider.Tip.html#method-nextNode" rel="method-nextNode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-nextNode" class="viewSource">view source</a></div><a name="nextNode"></a><a name="method-nextNode"></a><a href="Ext.slider.Tip.html#" rel="method-nextNode" class="cls expand">nextNode</a>(
-<span class="pre">String selector, Object includeSelf</span>)
- : void</div><div class="description"><div class="short">Returns the next node in the Component tree in tree traversal order.
-
-
-Note that this is not limited to siblings, and...</div><div class="long"><p>Returns the next node in the Component tree in tree traversal order.</p>
-
-
-<p>Note that this is not limited to siblings, and if invoked upon a node with no matching siblings, will
-walk the tree to attempt to find a match. Contrast with <a href="Ext.slider.Tip.html#pnextSibling" rel="Ext.slider.Tip#pnextSibling" class="docClass">pnextSibling</a>.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector to filter the following nodes.</p>
-</div></li><li><span class="pre">includeSelf</span> : Object<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>The next node (or the next node which matches the selector). Returns null if there is no matching node.</p>
-</li></ul></div></div></div><div id="method-nextSibling" class="member inherited"><a href="Ext.slider.Tip.html#method-nextSibling" rel="method-nextSibling" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-nextSibling" class="viewSource">view source</a></div><a name="nextSibling"></a><a name="method-nextSibling"></a><a href="Ext.slider.Tip.html#" rel="method-nextSibling" class="cls expand">nextSibling</a>(
-<span class="pre">String selector</span>)
- : void</div><div class="description"><div class="short">Returns the next sibling of this Component.
-
-
-Optionally selects the next sibling which matches the passed ComponentQ...</div><div class="long"><p>Returns the next sibling of this Component.</p>
-
-
-<p>Optionally selects the next sibling which matches the passed <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector.</p>
-
-
-<p>May also be refered to as <code><b>next()</b></code></p>
-
-
-<p>Note that this is limited to siblings, and if no siblings of the item match, <code>null</code> is returned. Contrast with <a href="Ext.slider.Tip.html#nextNode" rel="Ext.slider.Tip#nextNode" class="docClass">nextNode</a></p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector to filter the following items.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>The next sibling (or the next sibling which matches the selector). Returns null if there is no matching sibling.</p>
-</li></ul></div></div></div><div id="method-observe" class="member inherited"><a href="Ext.slider.Tip.html#method-observe" rel="method-observe" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-observe" class="viewSource">view source</a></div><a name="observe"></a><a name="method-observe"></a><a href="Ext.slider.Tip.html#" rel="method-observe" class="cls expand">observe</a>(
-<span class="pre">Function c, Object listeners</span>)
- : void</div><div class="description"><div class="short">Sets observability on the passed class constructor.
-
-This makes any event fired on any instance of the passed class a...</div><div class="long"><p>Sets observability on the passed class constructor.</p>
-
-<p>This makes any event fired on any instance of the passed class also fire a single event through
-the <strong>class</strong> allowing for central handling of events on many instances at once.</p>
-
-<p>Usage:</p>
-
-<pre><code>Ext.util.Observable.observe(Ext.data.Connection);
-Ext.data.Connection.on('beforerequest', function(con, options) {
- console.log('Ajax request made to ' + options.url);
-});
-</code></pre>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">c</span> : Function<div class="sub-desc"><p>The class constructor to make observable.</p>
-</div></li><li><span class="pre">listeners</span> : Object<div class="sub-desc"><p>An object containing a series of listeners to add. See <a href="Ext.slider.Tip.html#addListener" rel="Ext.slider.Tip#addListener" class="docClass">addListener</a>.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-on" class="member inherited"><a href="Ext.slider.Tip.html#method-on" rel="method-on" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-on" class="viewSource">view source</a></div><a name="on"></a><a name="method-on"></a><a href="Ext.slider.Tip.html#" rel="method-on" class="cls expand">on</a>(
-<span class="pre">String eventName, Function handler, [Object scope], [Object options]</span>)
- : void</div><div class="description"><div class="short"><p>Appends an event handler to this object (shorthand for <a href="Ext.slider.Tip.html#addListener" rel="Ext.slider.Tip#addListener" class="docClass">addListener</a>.)</p>
-</div><div class="long"><p>Appends an event handler to this object (shorthand for <a href="Ext.slider.Tip.html#addListener" rel="Ext.slider.Tip#addListener" class="docClass">addListener</a>.)</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event to listen for</p>
-</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The method the event invokes</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
-<b>If omitted, defaults to the object which fired the event.</b></p>
-</div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing handler configuration.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-previousNode" class="member inherited"><a href="Ext.slider.Tip.html#method-previousNode" rel="method-previousNode" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-previousNode" class="viewSource">view source</a></div><a name="previousNode"></a><a name="method-previousNode"></a><a href="Ext.slider.Tip.html#" rel="method-previousNode" class="cls expand">previousNode</a>(
-<span class="pre">String selector, Object includeSelf</span>)
- : void</div><div class="description"><div class="short">Returns the previous node in the Component tree in tree traversal order.
-
-
-Note that this is not limited to siblings,...</div><div class="long"><p>Returns the previous node in the Component tree in tree traversal order.</p>
-
-
-<p>Note that this is not limited to siblings, and if invoked upon a node with no matching siblings, will
-walk the tree in reverse order to attempt to find a match. Contrast with <a href="Ext.slider.Tip.html#previousSibling" rel="Ext.slider.Tip#previousSibling" class="docClass">previousSibling</a>.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional. A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector to filter the preceding nodes.</p>
-</div></li><li><span class="pre">includeSelf</span> : Object<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>The previous node (or the previous node which matches the selector). Returns null if there is no matching node.</p>
-</li></ul></div></div></div><div id="method-previousSibling" class="member inherited"><a href="Ext.slider.Tip.html#method-previousSibling" rel="method-previousSibling" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-previousSibling" class="viewSource">view source</a></div><a name="previousSibling"></a><a name="method-previousSibling"></a><a href="Ext.slider.Tip.html#" rel="method-previousSibling" class="cls expand">previousSibling</a>(
-<span class="pre">String selector</span>)
- : void</div><div class="description"><div class="short">Returns the previous sibling of this Component.
-
-
-Optionally selects the previous sibling which matches the passed Co...</div><div class="long"><p>Returns the previous sibling of this Component.</p>
-
-
-<p>Optionally selects the previous sibling which matches the passed <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector.</p>
-
-
-<p>May also be refered to as <code><b>prev()</b></code></p>
-
-
-<p>Note that this is limited to siblings, and if no siblings of the item match, <code>null</code> is returned. Contrast with <a href="Ext.slider.Tip.html#previousNode" rel="Ext.slider.Tip#previousNode" class="docClass">previousNode</a></p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional. A <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">ComponentQuery</a> selector to filter the preceding items.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span> <p>The previous sibling (or the previous sibling which matches the selector). Returns null if there is no matching sibling.</p>
-</li></ul></div></div></div><div id="method-query" class="member inherited"><a href="Ext.slider.Tip.html#method-query" rel="method-query" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-query" class="viewSource">view source</a></div><a name="query"></a><a name="method-query"></a><a href="Ext.slider.Tip.html#" rel="method-query" class="cls expand">query</a>(
-<span class="pre">String selector</span>)
- : Array</div><div class="description"><div class="short">Retrieves all descendant components which match the passed selector.
-Executes an Ext.ComponentQuery.query using this ...</div><div class="long"><p>Retrieves all descendant components which match the passed selector.
-Executes an Ext.ComponentQuery.query using this container as its root.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Selector complying to an <a href="Ext.ComponentQuery.html" rel="Ext.ComponentQuery" class="docClass">Ext.ComponentQuery</a> selector</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>Ext.Component's which matched the selector</p>
-</li></ul></div></div></div><div id="method-relayEvents" class="member inherited"><a href="Ext.slider.Tip.html#method-relayEvents" rel="method-relayEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-relayEvents" class="viewSource">view source</a></div><a name="relayEvents"></a><a name="method-relayEvents"></a><a href="Ext.slider.Tip.html#" rel="method-relayEvents" class="cls expand">relayEvents</a>(
-<span class="pre">Object origin, Array events, Object prefix</span>)
- : void</div><div class="description"><div class="short"><p>Relays selected events from the specified Observable as if the events were fired by <code><b>this</b></code>.</p>
-</div><div class="long"><p>Relays selected events from the specified Observable as if the events were fired by <code><b>this</b></code>.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">origin</span> : Object<div class="sub-desc"><p>The Observable whose events this object is to relay.</p>
-</div></li><li><span class="pre">events</span> : Array<div class="sub-desc"><p>Array of event names to relay.</p>
-</div></li><li><span class="pre">prefix</span> : Object<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-releaseCapture" class="member inherited"><a href="Ext.slider.Tip.html#method-releaseCapture" rel="method-releaseCapture" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-releaseCapture" class="viewSource">view source</a></div><a name="releaseCapture"></a><a name="method-releaseCapture"></a><a href="Ext.slider.Tip.html#" rel="method-releaseCapture" class="cls expand">releaseCapture</a>(
-<span class="pre">Observable o</span>)
- : void</div><div class="description"><div class="short"><p>Removes <b>all</b> added captures from the Observable.</p>
-</div><div class="long"><p>Removes <b>all</b> added captures from the Observable.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">o</span> : Observable<div class="sub-desc"><p>The Observable to release</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-remove" class="member inherited"><a href="Ext.slider.Tip.html#method-remove" rel="method-remove" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-remove" class="viewSource">view source</a></div><a name="remove"></a><a name="method-remove"></a><a href="Ext.slider.Tip.html#" rel="method-remove" class="cls expand">remove</a>(
-<span class="pre">Component/String component, [Boolean autoDestroy]</span>)
- : Ext.Component</div><div class="description"><div class="short">Removes a component from this container. Fires the beforeremove event before removing, then fires
-the remove event a...</div><div class="long"><p>Removes a component from this container. Fires the <a href="Ext.slider.Tip.html#beforeremove" rel="Ext.slider.Tip#beforeremove" class="docClass">beforeremove</a> event before removing, then fires
-the <a href="Ext.slider.Tip.html#remove" rel="Ext.slider.Tip#remove" class="docClass">remove</a> event after the component has been removed.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">component</span> : Component/String<div class="sub-desc"><p>The component reference or id to remove.</p>
-</div></li><li><span class="pre">autoDestroy</span> : Boolean<div class="sub-desc"><p>(optional) True to automatically invoke the removed Component's <a href="Ext.Component.html#destroy" rel="Ext.Component#destroy" class="docClass">Ext.Component.destroy</a> function.
-Defaults to the value of this Container's <a href="Ext.slider.Tip.html#autoDestroy" rel="Ext.slider.Tip#autoDestroy" class="docClass">autoDestroy</a> config.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>component The Component that was removed.</p>
-</li></ul></div></div></div><div id="method-removeAll" class="member inherited"><a href="Ext.slider.Tip.html#method-removeAll" rel="method-removeAll" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-method-removeAll" class="viewSource">view source</a></div><a name="removeAll"></a><a name="method-removeAll"></a><a href="Ext.slider.Tip.html#" rel="method-removeAll" class="cls expand">removeAll</a>(
-<span class="pre">[Boolean autoDestroy]</span>)
- : Array</div><div class="description"><div class="short"><p>Removes all components from this container.</p>
-</div><div class="long"><p>Removes all components from this container.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">autoDestroy</span> : Boolean<div class="sub-desc"><p>(optional) True to automatically invoke the removed Component's <a href="Ext.Component.html#destroy" rel="Ext.Component#destroy" class="docClass">Ext.Component.destroy</a> function.
-Defaults to the value of this Container's <a href="Ext.slider.Tip.html#autoDestroy" rel="Ext.slider.Tip#autoDestroy" class="docClass">autoDestroy</a> config.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span> <p>Array of the destroyed components</p>
-</li></ul></div></div></div><div id="method-removeCls" class="member inherited"><a href="Ext.slider.Tip.html#method-removeCls" rel="method-removeCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-removeCls" class="viewSource">view source</a></div><a name="removeCls"></a><a name="method-removeCls"></a><a href="Ext.slider.Tip.html#" rel="method-removeCls" class="cls expand">removeCls</a>(
-<span class="pre">Object className</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Removes a CSS class from the top level element representing this component.</p>
-</div><div class="long"><p>Removes a CSS class from the top level element representing this component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">className</span> : Object<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>Returns the Component to allow method chaining.</p>
-</li></ul></div></div></div><div id="method-removeClsWithUI" class="member inherited"><a href="Ext.slider.Tip.html#method-removeClsWithUI" rel="method-removeClsWithUI" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-removeClsWithUI" class="viewSource">view source</a></div><a name="removeClsWithUI"></a><a name="method-removeClsWithUI"></a><a href="Ext.slider.Tip.html#" rel="method-removeClsWithUI" class="cls expand">removeClsWithUI</a>(
-<span class="pre">String/Array cls</span>)
- : void</div><div class="description"><div class="short">Removes a cls to the uiCls array, which will also call removeUIClsToElement and removes
-it from all elements of this ...</div><div class="long"><p>Removes a cls to the uiCls array, which will also call <a href="Ext.slider.Tip.html#removeUIClsToElement" rel="Ext.slider.Tip#removeUIClsToElement" class="docClass">removeUIClsToElement</a> and removes
-it from all elements of this component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">cls</span> : String/Array<div class="sub-desc"><p>A string or an array of strings to remove to the uiCls</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-removeDocked" class="member inherited"><a href="Ext.slider.Tip.html#method-removeDocked" rel="method-removeDocked" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-method-removeDocked" class="viewSource">view source</a></div><a name="removeDocked"></a><a name="method-removeDocked"></a><a href="Ext.slider.Tip.html#" rel="method-removeDocked" class="cls expand">removeDocked</a>(
-<span class="pre">Ext.Component item, [Boolean autoDestroy]</span>)
- : void</div><div class="description"><div class="short"><p>Removes the docked item from the panel.</p>
-</div><div class="long"><p>Removes the docked item from the panel.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Ext.Component<div class="sub-desc"><p>. The Component to remove.</p>
-</div></li><li><span class="pre">autoDestroy</span> : Boolean<div class="sub-desc"><p>(optional) Destroy the component after removal.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-removeListener" class="member inherited"><a href="Ext.slider.Tip.html#method-removeListener" rel="method-removeListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-removeListener" class="viewSource">view source</a></div><a name="removeListener"></a><a name="method-removeListener"></a><a href="Ext.slider.Tip.html#" rel="method-removeListener" class="cls expand">removeListener</a>(
-<span class="pre">String eventName, Function handler, [Object scope]</span>)
- : void</div><div class="description"><div class="short"><p>Removes an event handler.</p>
-</div><div class="long"><p>Removes an event handler.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event the handler was associated with.</p>
-</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The handler to remove. <b>This must be a reference to the function passed into the <a href="Ext.slider.Tip.html#addListener" rel="Ext.slider.Tip#addListener" class="docClass">addListener</a> call.</b></p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope originally specified for the handler.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-removeManagedListener" class="member inherited"><a href="Ext.slider.Tip.html#method-removeManagedListener" rel="method-removeManagedListener" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-removeManagedListener" class="viewSource">view source</a></div><a name="removeManagedListener"></a><a name="method-removeManagedListener"></a><a href="Ext.slider.Tip.html#" rel="method-removeManagedListener" class="cls expand">removeManagedListener</a>(
-<span class="pre">Observable|Element item, Object|String ename, Function fn, Object scope</span>)
- : void</div><div class="description"><div class="short"><p>Removes listeners that were added by the <a href="Ext.slider.Tip.html#mon" rel="Ext.slider.Tip#mon" class="docClass">mon</a> method.</p>
-</div><div class="long"><p>Removes listeners that were added by the <a href="Ext.slider.Tip.html#mon" rel="Ext.slider.Tip#mon" class="docClass">mon</a> method.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">item</span> : Observable|Element<div class="sub-desc"><p>The item from which to remove a listener/listeners.</p>
-</div></li><li><span class="pre">ename</span> : Object|String<div class="sub-desc"><p>The event name, or an object containing event name properties.</p>
-</div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
-is the handler function.</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>Optional. If the <code>ename</code> parameter was an event name, this
-is the scope (<code>this</code> reference) in which the handler function is executed.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-resumeEvents" class="member inherited"><a href="Ext.slider.Tip.html#method-resumeEvents" rel="method-resumeEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-resumeEvents" class="viewSource">view source</a></div><a name="resumeEvents"></a><a name="method-resumeEvents"></a><a href="Ext.slider.Tip.html#" rel="method-resumeEvents" class="cls expand">resumeEvents</a> : void</div><div class="description"><div class="short">Resume firing events. (see suspendEvents)
-If events were suspended using the queueSuspended parameter, then all
-event...</div><div class="long"><p>Resume firing events. (see <a href="Ext.slider.Tip.html#suspendEvents" rel="Ext.slider.Tip#suspendEvents" class="docClass">suspendEvents</a>)
-If events were suspended using the <code><b>queueSuspended</b></code> parameter, then all
-events fired during event suspension will be sent to any listeners now.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-sequenceFx" class="member inherited"><a href="Ext.slider.Tip.html#method-sequenceFx" rel="method-sequenceFx" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-sequenceFx" class="viewSource">view source</a></div><a name="sequenceFx"></a><a name="method-sequenceFx"></a><a href="Ext.slider.Tip.html#" rel="method-sequenceFx" class="cls expand">sequenceFx</a> : Ext.core.Element</div><div class="description"><div class="short">Ensures that all effects queued after sequenceFx is called on this object are
-run in sequence. This is the opposite ...</div><div class="long"><p>Ensures that all effects queued after sequenceFx is called on this object are
-run in sequence. This is the opposite of <a href="Ext.slider.Tip.html#syncFx" rel="Ext.slider.Tip#syncFx" class="docClass">syncFx</a>.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
-</li></ul></div></div></div><div id="method-setActive" class="member inherited"><a href="Ext.slider.Tip.html#method-setActive" rel="method-setActive" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-setActive" class="viewSource">view source</a></div><a name="setActive"></a><a name="method-setActive"></a><a href="Ext.slider.Tip.html#" rel="method-setActive" class="cls expand">setActive</a>(
-<span class="pre">Boolean active, Component newActive</span>)
- : void</div><div class="description"><div class="short">This method is called internally by Ext.ZIndexManager to signal that a floating
-Component has either been moved to th...</div><div class="long"><p>This method is called internally by <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">Ext.ZIndexManager</a> to signal that a floating
-Component has either been moved to the top of its zIndex stack, or pushed from the top of its zIndex stack.</p>
-
-
-<p>If a <i>Window</i> is superceded by another Window, deactivating it hides its shadow.</p>
-
-
-<p>This method also fires the <a href="Ext.slider.Tip.html#activate" rel="Ext.slider.Tip#activate" class="docClass">activate</a> or <a href="Ext.slider.Tip.html#deactivate" rel="Ext.slider.Tip#deactivate" class="docClass">deactivate</a> event depending on which action occurred.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">active</span> : Boolean<div class="sub-desc"><p>True to activate the Component, false to deactivate it (defaults to false)</p>
-</div></li><li><span class="pre">newActive</span> : Component<div class="sub-desc"><p>The newly active Component which is taking over topmost zIndex position.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-setAutoScroll" class="member inherited"><a href="Ext.slider.Tip.html#method-setAutoScroll" rel="method-setAutoScroll" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-setAutoScroll" class="viewSource">view source</a></div><a name="setAutoScroll"></a><a name="method-setAutoScroll"></a><a href="Ext.slider.Tip.html#" rel="method-setAutoScroll" class="cls expand">setAutoScroll</a>(
-<span class="pre">Boolean scroll</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Sets the overflow on the content element of the component.</p>
-</div><div class="long"><p>Sets the overflow on the content element of the component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">scroll</span> : Boolean<div class="sub-desc"><p>True to allow the Component to auto scroll.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-setDisabled" class="member inherited"><a href="Ext.slider.Tip.html#method-setDisabled" rel="method-setDisabled" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setDisabled" class="viewSource">view source</a></div><a name="setDisabled"></a><a name="method-setDisabled"></a><a href="Ext.slider.Tip.html#" rel="method-setDisabled" class="cls expand">setDisabled</a>(
-<span class="pre">Boolean disabled</span>)
- : void</div><div class="description"><div class="short"><p>Enable or disable the component.</p>
-</div><div class="long"><p>Enable or disable the component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">disabled</span> : Boolean<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-setDocked" class="member inherited"><a href="Ext.slider.Tip.html#method-setDocked" rel="method-setDocked" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setDocked" class="viewSource">view source</a></div><a name="setDocked"></a><a name="method-setDocked"></a><a href="Ext.slider.Tip.html#" rel="method-setDocked" class="cls expand">setDocked</a>(
-<span class="pre">Object dock, Object layoutParent</span>)
- : Component</div><div class="description"><div class="short">Sets the dock position of this component in its parent panel. Note that
-this only has effect if this item is part of ...</div><div class="long"><p>Sets the dock position of this component in its parent panel. Note that
-this only has effect if this item is part of the dockedItems collection
-of a parent that has a DockLayout (note that any Panel has a DockLayout
-by default)</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">dock</span> : Object<div class="sub-desc">
-</div></li><li><span class="pre">layoutParent</span> : Object<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-setHeight" class="member inherited"><a href="Ext.slider.Tip.html#method-setHeight" rel="method-setHeight" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setHeight" class="viewSource">view source</a></div><a name="setHeight"></a><a name="method-setHeight"></a><a href="Ext.slider.Tip.html#" rel="method-setHeight" class="cls expand">setHeight</a>(
-<span class="pre">Number height</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Sets the height of the component. This method fires the <a href="Ext.slider.Tip.html#resize" rel="Ext.slider.Tip#resize" class="docClass">resize</a> event.</p>
-</div><div class="long"><p>Sets the height of the component. This method fires the <a href="Ext.slider.Tip.html#resize" rel="Ext.slider.Tip#resize" class="docClass">resize</a> event.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">height</span> : Number<div class="sub-desc"><p>The new height to set. This may be one of:<div class="mdetail-params"><ul>
-<li>A Number specifying the new height in the <a href="Ext.slider.Tip.html#getEl" rel="Ext.slider.Tip#getEl" class="docClass">Element</a>'s <a href="Ext.core.Element.html#defaultUnit" rel="Ext.core.Element#defaultUnit" class="docClass">Ext.core.Element.defaultUnit</a>s (by default, pixels).</li>
-<li>A String used to set the CSS height style.</li>
-<li><i>undefined</i> to leave the height unchanged.</li>
-</ul></div></p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-setIconCls" class="member inherited"><a href="Ext.slider.Tip.html#method-setIconCls" rel="method-setIconCls" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-method-setIconCls" class="viewSource">view source</a></div><a name="setIconCls"></a><a name="method-setIconCls"></a><a href="Ext.slider.Tip.html#" rel="method-setIconCls" class="cls expand">setIconCls</a>(
-<span class="pre">String newIconCls</span>)
- : void</div><div class="description"><div class="short"><p>Set the iconCls for the panel's header. See <a href="Ext.panel.Header.html#iconCls" rel="Ext.panel.Header#iconCls" class="docClass">Ext.panel.Header.iconCls</a>.</p>
-</div><div class="long"><p>Set the iconCls for the panel's header. See <a href="Ext.panel.Header.html#iconCls" rel="Ext.panel.Header#iconCls" class="docClass">Ext.panel.Header.iconCls</a>.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">newIconCls</span> : String<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-setLoading" class="member inherited"><a href="Ext.slider.Tip.html#method-setLoading" rel="method-setLoading" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setLoading" class="viewSource">view source</a></div><a name="setLoading"></a><a name="method-setLoading"></a><a href="Ext.slider.Tip.html#" rel="method-setLoading" class="cls expand">setLoading</a>(
-<span class="pre">Boolean/Object/String load, Boolean targetEl</span>)
- : Ext.LoadMask</div><div class="description"><div class="short"><p>This method allows you to show or hide a LoadMask on top of this component.</p>
-</div><div class="long"><p>This method allows you to show or hide a LoadMask on top of this component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">load</span> : Boolean/Object/String<div class="sub-desc"><p>True to show the default LoadMask, a config object
-that will be passed to the LoadMask constructor, or a message String to show. False to
-hide the current LoadMask.</p>
-</div></li><li><span class="pre">targetEl</span> : Boolean<div class="sub-desc"><p>True to mask the targetEl of this Component instead of the this.el.
-For example, setting this to true on a Panel will cause only the body to be masked. (defaults to false)</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.LoadMask</span> <p>The LoadMask instance that has just been shown.</p>
-</li></ul></div></div></div><div id="method-setPagePosition" class="member inherited"><a href="Ext.slider.Tip.html#method-setPagePosition" rel="method-setPagePosition" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-setPagePosition" class="viewSource">view source</a></div><a name="setPagePosition"></a><a name="method-setPagePosition"></a><a href="Ext.slider.Tip.html#" rel="method-setPagePosition" class="cls expand">setPagePosition</a>(
-<span class="pre">Number x, Number y, Mixed animate</span>)
- : Ext.Component</div><div class="description"><div class="short">Sets the page XY position of the component. To set the left and top instead, use setPosition.
-This method fires the ...</div><div class="long"><p>Sets the page XY position of the component. To set the left and top instead, use <a href="Ext.slider.Tip.html#setPosition" rel="Ext.slider.Tip#setPosition" class="docClass">setPosition</a>.
-This method fires the <a href="Ext.slider.Tip.html#move" rel="Ext.slider.Tip#move" class="docClass">move</a> event.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">x</span> : Number<div class="sub-desc"><p>The new x position</p>
-</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>The new y position</p>
-</div></li><li><span class="pre">animate</span> : Mixed<div class="sub-desc"><p>If passed, the Component is <i>animated</i> into its new position. If this parameter
-is a number, it is used as the animation duration in milliseconds.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-setPosition" class="member inherited"><a href="Ext.slider.Tip.html#method-setPosition" rel="method-setPosition" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-setPosition" class="viewSource">view source</a></div><a name="setPosition"></a><a name="method-setPosition"></a><a href="Ext.slider.Tip.html#" rel="method-setPosition" class="cls expand">setPosition</a>(
-<span class="pre">Number left, Number top, Mixed animate</span>)
- : Ext.Component</div><div class="description"><div class="short">Sets the left and top of the component. To set the page XY position instead, use setPagePosition.
-This method fires ...</div><div class="long"><p>Sets the left and top of the component. To set the page XY position instead, use <a href="Ext.slider.Tip.html#setPagePosition" rel="Ext.slider.Tip#setPagePosition" class="docClass">setPagePosition</a>.
-This method fires the <a href="Ext.slider.Tip.html#move" rel="Ext.slider.Tip#move" class="docClass">move</a> event.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">left</span> : Number<div class="sub-desc"><p>The new left</p>
-</div></li><li><span class="pre">top</span> : Number<div class="sub-desc"><p>The new top</p>
-</div></li><li><span class="pre">animate</span> : Mixed<div class="sub-desc"><p>If true, the Component is <i>animated</i> into its new position. You may also pass an animation configuration.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-setSize" class="member inherited"><a href="Ext.slider.Tip.html#method-setSize" rel="method-setSize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setSize" class="viewSource">view source</a></div><a name="setSize"></a><a name="method-setSize"></a><a href="Ext.slider.Tip.html#" rel="method-setSize" class="cls expand">setSize</a>(
-<span class="pre">Mixed width, Mixed height</span>)
- : Ext.Component</div><div class="description"><div class="short">Sets the width and height of this Component. This method fires the resize event. This method can accept
-either width ...</div><div class="long"><p>Sets the width and height of this Component. This method fires the <a href="Ext.slider.Tip.html#resize" rel="Ext.slider.Tip#resize" class="docClass">resize</a> event. This method can accept
-either width and height as separate arguments, or you can pass a size object like <code>{width:10, height:20}</code>.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Mixed<div class="sub-desc"><p>The new width to set. This may be one of:<div class="mdetail-params"><ul>
-<li>A Number specifying the new width in the <a href="Ext.slider.Tip.html#getEl" rel="Ext.slider.Tip#getEl" class="docClass">Element</a>'s <a href="Ext.core.Element.html#defaultUnit" rel="Ext.core.Element#defaultUnit" class="docClass">Ext.core.Element.defaultUnit</a>s (by default, pixels).</li>
-<li>A String used to set the CSS width style.</li>
-<li>A size object in the format <code>{width: widthValue, height: heightValue}</code>.</li>
-<li><code>undefined</code> to leave the width unchanged.</li>
-</ul></div></p>
-</div></li><li><span class="pre">height</span> : Mixed<div class="sub-desc"><p>The new height to set (not required if a size object is passed as the first arg).
-This may be one of:<div class="mdetail-params"><ul>
-<li>A Number specifying the new height in the <a href="Ext.slider.Tip.html#getEl" rel="Ext.slider.Tip#getEl" class="docClass">Element</a>'s <a href="Ext.core.Element.html#defaultUnit" rel="Ext.core.Element#defaultUnit" class="docClass">Ext.core.Element.defaultUnit</a>s (by default, pixels).</li>
-<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
-<li><code>undefined</code> to leave the height unchanged.</li>
-</ul></div></p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-setTitle" class="member inherited"><a href="Ext.slider.Tip.html#method-setTitle" rel="method-setTitle" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-method-setTitle" class="viewSource">view source</a></div><a name="setTitle"></a><a name="method-setTitle"></a><a href="Ext.slider.Tip.html#" rel="method-setTitle" class="cls expand">setTitle</a>(
-<span class="pre">String newTitle</span>)
- : void</div><div class="description"><div class="short"><p>Set a title for the panel's header. See <a href="Ext.panel.Header.html#title" rel="Ext.panel.Header#title" class="docClass">Ext.panel.Header.title</a>.</p>
-</div><div class="long"><p>Set a title for the panel's header. See <a href="Ext.panel.Header.html#title" rel="Ext.panel.Header#title" class="docClass">Ext.panel.Header.title</a>.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">newTitle</span> : String<div class="sub-desc">
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-setUI" class="member inherited"><a href="Ext.slider.Tip.html#method-setUI" rel="method-setUI" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setUI" class="viewSource">view source</a></div><a name="setUI"></a><a name="method-setUI"></a><a href="Ext.slider.Tip.html#" rel="method-setUI" class="cls expand">setUI</a>(
-<span class="pre">String ui</span>)
- : void</div><div class="description"><div class="short">Sets the UI for the component. This will remove any existing UIs on the component. It will also
-loop through any uiCl...</div><div class="long"><p>Sets the UI for the component. This will remove any existing UIs on the component. It will also
-loop through any uiCls set on the component and rename them so they include the new UI</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">ui</span> : String<div class="sub-desc"><p>The new UI for the component</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-setVisible" class="member inherited"><a href="Ext.slider.Tip.html#method-setVisible" rel="method-setVisible" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setVisible" class="viewSource">view source</a></div><a name="setVisible"></a><a name="method-setVisible"></a><a href="Ext.slider.Tip.html#" rel="method-setVisible" class="cls expand">setVisible</a>(
-<span class="pre">Boolean visible</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Convenience function to hide or show this component by boolean.</p>
-</div><div class="long"><p>Convenience function to hide or show this component by boolean.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">visible</span> : Boolean<div class="sub-desc"><p>True to show, false to hide</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-setWidth" class="member inherited"><a href="Ext.slider.Tip.html#method-setWidth" rel="method-setWidth" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-setWidth" class="viewSource">view source</a></div><a name="setWidth"></a><a name="method-setWidth"></a><a href="Ext.slider.Tip.html#" rel="method-setWidth" class="cls expand">setWidth</a>(
-<span class="pre">Number width</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Sets the width of the component. This method fires the <a href="Ext.slider.Tip.html#resize" rel="Ext.slider.Tip#resize" class="docClass">resize</a> event.</p>
-</div><div class="long"><p>Sets the width of the component. This method fires the <a href="Ext.slider.Tip.html#resize" rel="Ext.slider.Tip#resize" class="docClass">resize</a> event.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">width</span> : Number<div class="sub-desc"><p>The new width to setThis may be one of:<div class="mdetail-params"><ul>
-<li>A Number specifying the new width in the <a href="Ext.slider.Tip.html#getEl" rel="Ext.slider.Tip#getEl" class="docClass">Element</a>'s <a href="Ext.core.Element.html#defaultUnit" rel="Ext.core.Element#defaultUnit" class="docClass">Ext.core.Element.defaultUnit</a>s (by default, pixels).</li>
-<li>A String used to set the CSS width style.</li>
-</ul></div></p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-show" class="member inherited"><a href="Ext.slider.Tip.html#method-show" rel="method-show" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-show" class="viewSource">view source</a></div><a name="show"></a><a name="method-show"></a><a href="Ext.slider.Tip.html#" rel="method-show" class="cls expand">show</a>(
-<span class="pre">String/Element animateTarget, [Function callback], [Object scope]</span>)
- : Component</div><div class="description"><div class="short">Shows this Component, rendering it first if autoRender or {"floating are true.
-
-
-After being shown, a floating C...</div><div class="long"><p>Shows this Component, rendering it first if <a href="Ext.slider.Tip.html#autoRender" rel="Ext.slider.Tip#autoRender" class="docClass">autoRender</a> or {<a href="Ext.slider.Tip.html"floating" rel=""floating" class="docClass">"floating</a> are <code>true</code>.</p>
-
-
-<p>After being shown, a <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Component (such as a <a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Ext.window.Window</a>), is activated it and brought to the front of
-its <a href="Ext.slider.Tip.html#ZIndexManager" rel="Ext.slider.Tip#ZIndexManager" class="docClass">z-index stack</a>.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">animateTarget</span> : String/Element<div class="sub-desc"><p>Optional, and <b>only valid for <a href="Ext.slider.Tip.html#floating" rel="Ext.slider.Tip#floating" class="docClass">floating</a> Components such as
-<a href="Ext.window.Window.html" rel="Ext.window.Window" class="docClass">Window</a>s or <a href="Ext.tip.ToolTip.html" rel="Ext.tip.ToolTip" class="docClass">ToolTip</a>s, or regular Components which have been configured
-with <code>floating: true</code>.</b> The target from which the Component should
-animate from while opening (defaults to null with no animation)</p>
-</div></li><li><span class="pre">callback</span> : Function<div class="sub-desc"><p>(optional) A callback function to call after the Component is displayed. Only necessary if animation was specified.</p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the callback is executed. Defaults to this Component.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-showAt" class="member inherited"><a href="Ext.slider.Tip.html#method-showAt" rel="method-showAt" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-method-showAt" class="viewSource">view source</a></div><a name="showAt"></a><a name="method-showAt"></a><a href="Ext.slider.Tip.html#" rel="method-showAt" class="cls expand">showAt</a>(
-<span class="pre">Array xy</span>)
- : void</div><div class="description"><div class="short"><p>Shows this tip at the specified XY position. Example usage:</p>
-
-<pre><code>// Show the tip at x:50 and y:100
-tip.showAt([50,100]);
-</code></pre>
-
-</div><div class="long"><p>Shows this tip at the specified XY position. Example usage:</p>
-
-<pre><code>// Show the tip at x:50 and y:100
-tip.showAt([50,100]);
-</code></pre>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">xy</span> : Array<div class="sub-desc"><p>An array containing the x and y coordinates</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-showBy" class="member inherited"><a href="Ext.slider.Tip.html#method-showBy" rel="method-showBy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.tip.Tip.html" class="definedIn docClass">Ext.tip.Tip</a><br/><a href="../source/Tip3.html#Ext-tip.Tip-method-showBy" class="viewSource">view source</a></div><a name="showBy"></a><a name="method-showBy"></a><a href="Ext.slider.Tip.html#" rel="method-showBy" class="cls expand">showBy</a>(
-<span class="pre">Mixed el, [String position]</span>)
- : void</div><div class="description"><div class="short">Experimental. Shows this tip at a position relative to another element using a standard Ext.core.Element.alignTo
-anch...</div><div class="long"><p><b>Experimental</b>. Shows this tip at a position relative to another element using a standard <a href="Ext.core.Element.html#alignTo" rel="Ext.core.Element#alignTo" class="docClass">Ext.core.Element.alignTo</a>
-anchor position value. Example usage:</p>
-
-<pre><code>// Show the tip at the default position ('tl-br?')
-tip.showBy('my-el');
-
-// Show the tip's top-left corner anchored to the element's top-right corner
-tip.showBy('my-el', 'tl-tr');
-</code></pre>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : Mixed<div class="sub-desc"><p>An HTMLElement, Ext.core.Element or string id of the target element to align to</p>
-</div></li><li><span class="pre">position</span> : String<div class="sub-desc"><p>(optional) A valid <a href="Ext.core.Element.html#alignTo" rel="Ext.core.Element#alignTo" class="docClass">Ext.core.Element.alignTo</a> anchor position (defaults to 'tl-br?' or
-<a href="Ext.slider.Tip.html#defaultAlign" rel="Ext.slider.Tip#defaultAlign" class="docClass">defaultAlign</a> if specified).</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-stopAnimation" class="member inherited"><a href="Ext.slider.Tip.html#method-stopAnimation" rel="method-stopAnimation" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-stopAnimation" class="viewSource">view source</a></div><a name="stopAnimation"></a><a name="method-stopAnimation"></a><a href="Ext.slider.Tip.html#" rel="method-stopAnimation" class="cls expand">stopAnimation</a> : Ext.core.Element</div><div class="description"><div class="short">@deprecated 4.0 Replaced by stopAnimation
-Stops any running effects and clears this object's internal effects queue i...</div><div class="long"><p>@deprecated 4.0 Replaced by <a href="Ext.slider.Tip.html#stopAnimation" rel="Ext.slider.Tip#stopAnimation" class="docClass">stopAnimation</a>
-Stops any running effects and clears this object's internal effects queue if it contains
-any additional effects that haven't started yet.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
-</li></ul></div></div></div><div id="method-suspendEvents" class="member inherited"><a href="Ext.slider.Tip.html#method-suspendEvents" rel="method-suspendEvents" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-suspendEvents" class="viewSource">view source</a></div><a name="suspendEvents"></a><a name="method-suspendEvents"></a><a href="Ext.slider.Tip.html#" rel="method-suspendEvents" class="cls expand">suspendEvents</a>(
-<span class="pre">Boolean queueSuspended</span>)
- : void</div><div class="description"><div class="short"><p>Suspend the firing of all events. (see <a href="Ext.slider.Tip.html#resumeEvents" rel="Ext.slider.Tip#resumeEvents" class="docClass">resumeEvents</a>)</p>
-</div><div class="long"><p>Suspend the firing of all events. (see <a href="Ext.slider.Tip.html#resumeEvents" rel="Ext.slider.Tip#resumeEvents" class="docClass">resumeEvents</a>)</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">queueSuspended</span> : Boolean<div class="sub-desc"><p>Pass as true to queue up suspended events to be fired
-after the <a href="Ext.slider.Tip.html#resumeEvents" rel="Ext.slider.Tip#resumeEvents" class="docClass">resumeEvents</a> call instead of discarding all suspended events;</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-syncFx" class="member inherited"><a href="Ext.slider.Tip.html#method-syncFx" rel="method-syncFx" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Animate.html" class="definedIn docClass">Ext.util.Animate</a><br/><a href="../source/Animate.html#Ext-util.Animate-method-syncFx" class="viewSource">view source</a></div><a name="syncFx"></a><a name="method-syncFx"></a><a href="Ext.slider.Tip.html#" rel="method-syncFx" class="cls expand">syncFx</a> : Ext.core.Element</div><div class="description"><div class="short">Ensures that all effects queued after syncFx is called on this object are
-run concurrently. This is the opposite of ...</div><div class="long"><p>Ensures that all effects queued after syncFx is called on this object are
-run concurrently. This is the opposite of <a href="Ext.slider.Tip.html#sequenceFx" rel="Ext.slider.Tip#sequenceFx" class="docClass">sequenceFx</a>.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.core.Element</span> <p>The Element</p>
-</li></ul></div></div></div><div id="method-toBack" class="member inherited"><a href="Ext.slider.Tip.html#method-toBack" rel="method-toBack" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-toBack" class="viewSource">view source</a></div><a name="toBack"></a><a name="method-toBack"></a><a href="Ext.slider.Tip.html#" rel="method-toBack" class="cls expand">toBack</a> : Component</div><div class="description"><div class="short"><p>Sends this Component to the back of (lower z-index than) any other visible windows</p>
-</div><div class="long"><p>Sends this Component to the back of (lower z-index than) any other visible windows</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-toFront" class="member inherited"><a href="Ext.slider.Tip.html#method-toFront" rel="method-toFront" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Floating.html" class="definedIn docClass">Ext.util.Floating</a><br/><a href="../source/Floating.html#Ext-util.Floating-method-toFront" class="viewSource">view source</a></div><a name="toFront"></a><a name="method-toFront"></a><a href="Ext.slider.Tip.html#" rel="method-toFront" class="cls expand">toFront</a>(
-<span class="pre">[Boolean preventFocus]</span>)
- : Component</div><div class="description"><div class="short">Brings this floating Component to the front of any other visible, floating Components managed by the same ZIndexManag...</div><div class="long"><p>Brings this floating Component to the front of any other visible, floating Components managed by the same <a href="Ext.ZIndexManager.html" rel="Ext.ZIndexManager" class="docClass">ZIndexManager</a></p>
-
-
-<p>If this Component is modal, inserts the modal mask just below this Component in the z-index stack.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">preventFocus</span> : Boolean<div class="sub-desc"><p>(optional) Specify <code>true</code> to prevent the Component from being focused.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Component</span> <p>this</p>
-</li></ul></div></div></div><div id="method-toggleCollapse" class="member inherited"><a href="Ext.slider.Tip.html#method-toggleCollapse" rel="method-toggleCollapse" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-method-toggleCollapse" class="viewSource">view source</a></div><a name="toggleCollapse"></a><a name="method-toggleCollapse"></a><a href="Ext.slider.Tip.html#" rel="method-toggleCollapse" class="cls expand">toggleCollapse</a> : Ext.panel.Panel</div><div class="description"><div class="short"><p>Shortcut for performing an <a href="Ext.slider.Tip.html#expand" rel="Ext.slider.Tip#expand" class="docClass">expand</a> or <a href="Ext.slider.Tip.html#collapse" rel="Ext.slider.Tip#collapse" class="docClass">collapse</a> based on the current state of the panel.</p>
-</div><div class="long"><p>Shortcut for performing an <a href="Ext.slider.Tip.html#expand" rel="Ext.slider.Tip#expand" class="docClass">expand</a> or <a href="Ext.slider.Tip.html#collapse" rel="Ext.slider.Tip#collapse" class="docClass">collapse</a> based on the current state of the panel.</p>
-<h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.panel.Panel</span> <p>this</p>
-</li></ul></div></div></div><div id="method-un" class="member inherited"><a href="Ext.slider.Tip.html#method-un" rel="method-un" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.util.Observable.html" class="definedIn docClass">Ext.util.Observable</a><br/><a href="../source/Observable.html#Ext-util.Observable-method-un" class="viewSource">view source</a></div><a name="un"></a><a name="method-un"></a><a href="Ext.slider.Tip.html#" rel="method-un" class="cls expand">un</a>(
-<span class="pre">String eventName, Function handler, [Object scope]</span>)
- : void</div><div class="description"><div class="short"><p>Removes an event handler (shorthand for <a href="Ext.slider.Tip.html#removeListener" rel="Ext.slider.Tip#removeListener" class="docClass">removeListener</a>.)</p>
-</div><div class="long"><p>Removes an event handler (shorthand for <a href="Ext.slider.Tip.html#removeListener" rel="Ext.slider.Tip#removeListener" class="docClass">removeListener</a>.)</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The type of event the handler was associated with.</p>
-</div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The handler to remove. <b>This must be a reference to the function passed into the <a href="Ext.slider.Tip.html#addListener" rel="Ext.slider.Tip#addListener" class="docClass">addListener</a> call.</b></p>
-</div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope originally specified for the handler.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-up" class="member inherited"><a href="Ext.slider.Tip.html#method-up" rel="method-up" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-up" class="viewSource">view source</a></div><a name="up"></a><a name="method-up"></a><a href="Ext.slider.Tip.html#" rel="method-up" class="cls expand">up</a>(
-<span class="pre">String selector</span>)
- : Container</div><div class="description"><div class="short">Walks up the ownerCt axis looking for an ancestor Container which matches
-the passed simple selector.
-
-
-Example:
-var ...</div><div class="long"><p>Walks up the <code>ownerCt</code> axis looking for an ancestor Container which matches
-the passed simple selector.</p>
-
-
-<p>Example:
-<pre><code>var owningTabPanel = grid.up('tabpanel');
-</code></pre>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">selector</span> : String<div class="sub-desc"><p>Optional. The simple selector to test.</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Container</span> <p>The matching ancestor Container (or <code>undefined</code> if no match was found).</p>
-</li></ul></div></div></div><div id="method-update" class="member inherited"><a href="Ext.slider.Tip.html#method-update" rel="method-update" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-method-update" class="viewSource">view source</a></div><a name="update"></a><a name="method-update"></a><a href="Ext.slider.Tip.html#" rel="method-update" class="cls expand">update</a>(
-<span class="pre">Mixed htmlOrData, [Boolean loadScripts], [Function callback]</span>)
- : void</div><div class="description"><div class="short"><p>Update the content area of a component.</p>
-</div><div class="long"><p>Update the content area of a component.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">htmlOrData</span> : Mixed<div class="sub-desc"><p>If this component has been configured with a template via the tpl config
-then it will use this argument as data to populate the template.
-If this component was not configured with a template, the components
-content area will be updated via <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Ext.core.Element</a> update</p>
-</div></li><li><span class="pre">loadScripts</span> : Boolean<div class="sub-desc"><p>(optional) Only legitimate when using the html configuration. Defaults to false</p>
-</div></li><li><span class="pre">callback</span> : Function<div class="sub-desc"><p>(optional) Only legitimate when using the html configuration. Callback to execute when scripts have finished loading</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>
-</li></ul></div></div></div><div id="method-updateBox" class="member inherited"><a href="Ext.slider.Tip.html#method-updateBox" rel="method-updateBox" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.Component.html" class="definedIn docClass">Ext.Component</a><br/><a href="../source/Component.html#Ext-Component-method-updateBox" class="viewSource">view source</a></div><a name="updateBox"></a><a name="method-updateBox"></a><a href="Ext.slider.Tip.html#" rel="method-updateBox" class="cls expand">updateBox</a>(
-<span class="pre">Object box</span>)
- : Ext.Component</div><div class="description"><div class="short"><p>Sets the current box measurements of the component's underlying element.</p>
-</div><div class="long"><p>Sets the current box measurements of the component's underlying element.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">box</span> : Object<div class="sub-desc"><p>An object in the format {x, y, width, height}</p>
-</div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Ext.Component</span> <p>this</p>
-</li></ul></div></div></div></div><div class="m-events"><a name="events"></a><div class="definedBy">Defined By</div><h3 class="evt p">Events</h3><div id="event-activate" class="member f inherited"><a href="Ext.slider.Tip.html#event-activate" rel="event-activate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-activate" class="viewSource">view source</a></div><a name="activate"></a><a name="event-activate"></a><a href="Ext.slider.Tip.html#" rel="event-activate" class="cls expand">activate</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires after a Component has been visually activated.</p>
-</div><div class="long"><p>Fires after a Component has been visually activated.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-add" class="member inherited"><a href="Ext.slider.Tip.html#event-add" rel="event-add" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-event-add" class="viewSource">view source</a></div><a name="add"></a><a name="event-add"></a><a href="Ext.slider.Tip.html#" rel="event-add" class="cls expand">add</a>(
-<span class="pre">Ext.container.Container this, Ext.Component component, Number index</span>)
-</div><div class="description"><div class="short"><p>@bubbles
-Fires after any <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> is added or inserted into the container.</p>
-</div><div class="long"><p>@bubbles
-Fires after any <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> is added or inserted into the container.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.container.Container<div class="sub-desc">
-</div></li><li><span class="pre">component</span> : Ext.Component<div class="sub-desc"><p>The component that was added</p>
-</div></li><li><span class="pre">index</span> : Number<div class="sub-desc"><p>The index at which the component was added to the container's items collection</p>
-</div></li></ul></div></div></div><div id="event-added" class="member inherited"><a href="Ext.slider.Tip.html#event-added" rel="event-added" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-added" class="viewSource">view source</a></div><a name="added"></a><a name="event-added"></a><a href="Ext.slider.Tip.html#" rel="event-added" class="cls expand">added</a>(
-<span class="pre">Ext.Component this, Ext.container.Container container, Number pos</span>)
-</div><div class="description"><div class="short"><p>Fires after a Component had been added to a Container.</p>
-</div><div class="long"><p>Fires after a Component had been added to a Container.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li><li><span class="pre">container</span> : Ext.container.Container<div class="sub-desc"><p>Parent Container</p>
-</div></li><li><span class="pre">pos</span> : Number<div class="sub-desc"><p>position of Component</p>
-</div></li></ul></div></div></div><div id="event-afterlayout" class="member inherited"><a href="Ext.slider.Tip.html#event-afterlayout" rel="event-afterlayout" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-event-afterlayout" class="viewSource">view source</a></div><a name="afterlayout"></a><a name="event-afterlayout"></a><a href="Ext.slider.Tip.html#" rel="event-afterlayout" class="cls expand">afterlayout</a>(
-<span class="pre">Ext.container.Container this, ContainerLayout layout</span>)
-</div><div class="description"><div class="short"><p>Fires when the components in this container are arranged by the associated layout manager.</p>
-</div><div class="long"><p>Fires when the components in this container are arranged by the associated layout manager.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.container.Container<div class="sub-desc">
-</div></li><li><span class="pre">layout</span> : ContainerLayout<div class="sub-desc"><p>The ContainerLayout implementation for this container</p>
-</div></li></ul></div></div></div><div id="event-afterrender" class="member inherited"><a href="Ext.slider.Tip.html#event-afterrender" rel="event-afterrender" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-afterrender" class="viewSource">view source</a></div><a name="afterrender"></a><a name="event-afterrender"></a><a href="Ext.slider.Tip.html#" rel="event-afterrender" class="cls expand">afterrender</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short">Fires after the component rendering is finished.
-
-
-The afterrender event is fired after this Component has been rende...</div><div class="long"><p>Fires after the component rendering is finished.</p>
-
-
-<p>The afterrender event is fired after this Component has been <a href="Ext.slider.Tip.html#rendered" rel="Ext.slider.Tip#rendered" class="docClass">rendered</a>, been postprocesed
-by any afterRender method defined for the Component.</p>
-
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-beforeactivate" class="member inherited"><a href="Ext.slider.Tip.html#event-beforeactivate" rel="event-beforeactivate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforeactivate" class="viewSource">view source</a></div><a name="beforeactivate"></a><a name="event-beforeactivate"></a><a href="Ext.slider.Tip.html#" rel="event-beforeactivate" class="cls expand">beforeactivate</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short">Fires before a Component has been visually activated.
-Returning false from an event listener can prevent the activate...</div><div class="long"><p>Fires before a Component has been visually activated.
-Returning false from an event listener can prevent the activate
-from occurring.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-beforeadd" class="member inherited"><a href="Ext.slider.Tip.html#event-beforeadd" rel="event-beforeadd" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-event-beforeadd" class="viewSource">view source</a></div><a name="beforeadd"></a><a name="event-beforeadd"></a><a href="Ext.slider.Tip.html#" rel="event-beforeadd" class="cls expand">beforeadd</a>(
-<span class="pre">Ext.container.Container this, Ext.Component component, Number index</span>)
-</div><div class="description"><div class="short"><p>Fires before any <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> is added or inserted into the container.
-A handler can return false to cancel the add.</p>
-</div><div class="long"><p>Fires before any <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> is added or inserted into the container.
-A handler can return false to cancel the add.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.container.Container<div class="sub-desc">
-</div></li><li><span class="pre">component</span> : Ext.Component<div class="sub-desc"><p>The component being added</p>
-</div></li><li><span class="pre">index</span> : Number<div class="sub-desc"><p>The index at which the component will be added to the container's items collection</p>
-</div></li></ul></div></div></div><div id="event-beforecardswitch" class="member inherited"><a href="Ext.slider.Tip.html#event-beforecardswitch" rel="event-beforecardswitch" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-event-beforecardswitch" class="viewSource">view source</a></div><a name="beforecardswitch"></a><a name="event-beforecardswitch"></a><a href="Ext.slider.Tip.html#" rel="event-beforecardswitch" class="cls expand">beforecardswitch</a>(
-<span class="pre">Ext.container.Container this, Ext.Component newCard, Ext.Component oldCard, Number index, Boolean animated</span>)
-</div><div class="description"><div class="short">Fires before this container switches the active card. This event
-is only available if this container uses a CardLayou...</div><div class="long"><p>Fires before this container switches the active card. This event
-is only available if this container uses a CardLayout. Note that
-TabPanel and Carousel both get a CardLayout by default, so both
-will have this event.
-A handler can return false to cancel the card switch.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.container.Container<div class="sub-desc">
-</div></li><li><span class="pre">newCard</span> : Ext.Component<div class="sub-desc"><p>The card that will be switched to</p>
-</div></li><li><span class="pre">oldCard</span> : Ext.Component<div class="sub-desc"><p>The card that will be switched from</p>
-</div></li><li><span class="pre">index</span> : Number<div class="sub-desc"><p>The index of the card that will be switched to</p>
-</div></li><li><span class="pre">animated</span> : Boolean<div class="sub-desc"><p>True if this cardswitch will be animated</p>
-</div></li></ul></div></div></div><div id="event-beforedeactivate" class="member inherited"><a href="Ext.slider.Tip.html#event-beforedeactivate" rel="event-beforedeactivate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforedeactivate" class="viewSource">view source</a></div><a name="beforedeactivate"></a><a name="event-beforedeactivate"></a><a href="Ext.slider.Tip.html#" rel="event-beforedeactivate" class="cls expand">beforedeactivate</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short">Fires before a Component has been visually deactivated.
-Returning false from an event listener can prevent the deacti...</div><div class="long"><p>Fires before a Component has been visually deactivated.
-Returning false from an event listener can prevent the deactivate
-from occurring.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-beforedestroy" class="member inherited"><a href="Ext.slider.Tip.html#event-beforedestroy" rel="event-beforedestroy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforedestroy" class="viewSource">view source</a></div><a name="beforedestroy"></a><a name="event-beforedestroy"></a><a href="Ext.slider.Tip.html#" rel="event-beforedestroy" class="cls expand">beforedestroy</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires before the component is <a href="Ext.slider.Tip.html#destroy" rel="Ext.slider.Tip#destroy" class="docClass">destroy</a>ed. Return false from an event handler to stop the <a href="Ext.slider.Tip.html#destroy" rel="Ext.slider.Tip#destroy" class="docClass">destroy</a>.</p>
-</div><div class="long"><p>Fires before the component is <a href="Ext.slider.Tip.html#destroy" rel="Ext.slider.Tip#destroy" class="docClass">destroy</a>ed. Return false from an event handler to stop the <a href="Ext.slider.Tip.html#destroy" rel="Ext.slider.Tip#destroy" class="docClass">destroy</a>.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-beforehide" class="member inherited"><a href="Ext.slider.Tip.html#event-beforehide" rel="event-beforehide" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforehide" class="viewSource">view source</a></div><a name="beforehide"></a><a name="event-beforehide"></a><a href="Ext.slider.Tip.html#" rel="event-beforehide" class="cls expand">beforehide</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires before the component is hidden when calling the <a href="Ext.slider.Tip.html#hide" rel="Ext.slider.Tip#hide" class="docClass">hide</a> method.
-Return false from an event handler to stop the hide.</p>
-</div><div class="long"><p>Fires before the component is hidden when calling the <a href="Ext.slider.Tip.html#hide" rel="Ext.slider.Tip#hide" class="docClass">hide</a> method.
-Return false from an event handler to stop the hide.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-beforeremove" class="member inherited"><a href="Ext.slider.Tip.html#event-beforeremove" rel="event-beforeremove" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-event-beforeremove" class="viewSource">view source</a></div><a name="beforeremove"></a><a name="event-beforeremove"></a><a href="Ext.slider.Tip.html#" rel="event-beforeremove" class="cls expand">beforeremove</a>(
-<span class="pre">Ext.container.Container this, Ext.Component component</span>)
-</div><div class="description"><div class="short"><p>Fires before any <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> is removed from the container. A handler can return
-false to cancel the remove.</p>
-</div><div class="long"><p>Fires before any <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> is removed from the container. A handler can return
-false to cancel the remove.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.container.Container<div class="sub-desc">
-</div></li><li><span class="pre">component</span> : Ext.Component<div class="sub-desc"><p>The component being removed</p>
-</div></li></ul></div></div></div><div id="event-beforerender" class="member inherited"><a href="Ext.slider.Tip.html#event-beforerender" rel="event-beforerender" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforerender" class="viewSource">view source</a></div><a name="beforerender"></a><a name="event-beforerender"></a><a href="Ext.slider.Tip.html#" rel="event-beforerender" class="cls expand">beforerender</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires before the component is <a href="Ext.slider.Tip.html#rendered" rel="Ext.slider.Tip#rendered" class="docClass">rendered</a>. Return false from an
-event handler to stop the <a href="Ext.slider.Tip.html#render" rel="Ext.slider.Tip#render" class="docClass">render</a>.</p>
-</div><div class="long"><p>Fires before the component is <a href="Ext.slider.Tip.html#rendered" rel="Ext.slider.Tip#rendered" class="docClass">rendered</a>. Return false from an
-event handler to stop the <a href="Ext.slider.Tip.html#render" rel="Ext.slider.Tip#render" class="docClass">render</a>.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-beforeshow" class="member inherited"><a href="Ext.slider.Tip.html#event-beforeshow" rel="event-beforeshow" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-beforeshow" class="viewSource">view source</a></div><a name="beforeshow"></a><a name="event-beforeshow"></a><a href="Ext.slider.Tip.html#" rel="event-beforeshow" class="cls expand">beforeshow</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires before the component is shown when calling the <a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a> method.
-Return false from an event handler to stop the show.</p>
-</div><div class="long"><p>Fires before the component is shown when calling the <a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a> method.
-Return false from an event handler to stop the show.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-beforestaterestore" class="member inherited"><a href="Ext.slider.Tip.html#event-beforestaterestore" rel="event-beforestaterestore" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-event-beforestaterestore" class="viewSource">view source</a></div><a name="beforestaterestore"></a><a name="event-beforestaterestore"></a><a href="Ext.slider.Tip.html#" rel="event-beforestaterestore" class="cls expand">beforestaterestore</a>(
-<span class="pre">Ext.state.Stateful this, Object state</span>)
-</div><div class="description"><div class="short"><p>Fires before the state of the object is restored. Return false from an event handler to stop the restore.</p>
-</div><div class="long"><p>Fires before the state of the object is restored. Return false from an event handler to stop the restore.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.state.Stateful<div class="sub-desc">
-</div></li><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The hash of state values returned from the StateProvider. If this
-event is not vetoed, then the state object is passed to <b><tt>applyState</tt></b>. By default,
-that simply copies property values into this object. The method maybe overriden to
-provide custom state restoration.</p>
-</div></li></ul></div></div></div><div id="event-beforestatesave" class="member inherited"><a href="Ext.slider.Tip.html#event-beforestatesave" rel="event-beforestatesave" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-event-beforestatesave" class="viewSource">view source</a></div><a name="beforestatesave"></a><a name="event-beforestatesave"></a><a href="Ext.slider.Tip.html#" rel="event-beforestatesave" class="cls expand">beforestatesave</a>(
-<span class="pre">Ext.state.Stateful this, Object state</span>)
-</div><div class="description"><div class="short"><p>Fires before the state of the object is saved to the configured state provider. Return false to stop the save.</p>
-</div><div class="long"><p>Fires before the state of the object is saved to the configured state provider. Return false to stop the save.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.state.Stateful<div class="sub-desc">
-</div></li><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The hash of state values. This is determined by calling
-<b><tt>getState()</tt></b> on the object. This method must be provided by the
-developer to return whetever representation of state is required, by default, <a href="Ext.state.Stateful.html" rel="Ext.state.Stateful" class="docClass">Ext.state.Stateful</a>
-has a null implementation.</p>
-</div></li></ul></div></div></div><div id="event-bodyresize" class="member inherited"><a href="Ext.slider.Tip.html#event-bodyresize" rel="event-bodyresize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.AbstractPanel.html" class="definedIn docClass">Ext.panel.AbstractPanel</a><br/><a href="../source/AbstractPanel.html#Ext-panel.AbstractPanel-event-bodyresize" class="viewSource">view source</a></div><a name="bodyresize"></a><a name="event-bodyresize"></a><a href="Ext.slider.Tip.html#" rel="event-bodyresize" class="cls expand">bodyresize</a>(
-<span class="pre">Ext.panel.Panel p, Number width, Number height</span>)
-</div><div class="description"><div class="short"><p>Fires after the Panel has been resized.</p>
-</div><div class="long"><p>Fires after the Panel has been resized.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">p</span> : Ext.panel.Panel<div class="sub-desc"><p>the Panel which has been resized.</p>
-</div></li><li><span class="pre">width</span> : Number<div class="sub-desc"><p>The Panel body's new width.</p>
-</div></li><li><span class="pre">height</span> : Number<div class="sub-desc"><p>The Panel body's new height.</p>
-</div></li></ul></div></div></div><div id="event-cardswitch" class="member inherited"><a href="Ext.slider.Tip.html#event-cardswitch" rel="event-cardswitch" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-event-cardswitch" class="viewSource">view source</a></div><a name="cardswitch"></a><a name="event-cardswitch"></a><a href="Ext.slider.Tip.html#" rel="event-cardswitch" class="cls expand">cardswitch</a>(
-<span class="pre">Ext.container.Container this, Ext.Component newCard, Ext.Component oldCard, Number index, Boolean animated</span>)
-</div><div class="description"><div class="short">Fires after this container switches the active card. If the card
-is switched using an animation, this event will fire...</div><div class="long"><p>Fires after this container switches the active card. If the card
-is switched using an animation, this event will fire after the
-animation has finished. This event is only available if this container
-uses a CardLayout. Note that TabPanel and Carousel both get a CardLayout
-by default, so both will have this event.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.container.Container<div class="sub-desc">
-</div></li><li><span class="pre">newCard</span> : Ext.Component<div class="sub-desc"><p>The card that has been switched to</p>
-</div></li><li><span class="pre">oldCard</span> : Ext.Component<div class="sub-desc"><p>The card that has been switched from</p>
-</div></li><li><span class="pre">index</span> : Number<div class="sub-desc"><p>The index of the card that has been switched to</p>
-</div></li><li><span class="pre">animated</span> : Boolean<div class="sub-desc"><p>True if this cardswitch was animated</p>
-</div></li></ul></div></div></div><div id="event-deactivate" class="member inherited"><a href="Ext.slider.Tip.html#event-deactivate" rel="event-deactivate" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-deactivate" class="viewSource">view source</a></div><a name="deactivate"></a><a name="event-deactivate"></a><a href="Ext.slider.Tip.html#" rel="event-deactivate" class="cls expand">deactivate</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires after a Component has been visually deactivated.</p>
-</div><div class="long"><p>Fires after a Component has been visually deactivated.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-destroy" class="member inherited"><a href="Ext.slider.Tip.html#event-destroy" rel="event-destroy" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-destroy" class="viewSource">view source</a></div><a name="destroy"></a><a name="event-destroy"></a><a href="Ext.slider.Tip.html#" rel="event-destroy" class="cls expand">destroy</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires after the component is <a href="Ext.slider.Tip.html#destroy" rel="Ext.slider.Tip#destroy" class="docClass">destroy</a>ed.</p>
-</div><div class="long"><p>Fires after the component is <a href="Ext.slider.Tip.html#destroy" rel="Ext.slider.Tip#destroy" class="docClass">destroy</a>ed.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-disable" class="member inherited"><a href="Ext.slider.Tip.html#event-disable" rel="event-disable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-disable" class="viewSource">view source</a></div><a name="disable"></a><a name="event-disable"></a><a href="Ext.slider.Tip.html#" rel="event-disable" class="cls expand">disable</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires after the component is disabled.</p>
-</div><div class="long"><p>Fires after the component is disabled.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-enable" class="member inherited"><a href="Ext.slider.Tip.html#event-enable" rel="event-enable" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-enable" class="viewSource">view source</a></div><a name="enable"></a><a name="event-enable"></a><a href="Ext.slider.Tip.html#" rel="event-enable" class="cls expand">enable</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires after the component is enabled.</p>
-</div><div class="long"><p>Fires after the component is enabled.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-hide" class="member inherited"><a href="Ext.slider.Tip.html#event-hide" rel="event-hide" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-hide" class="viewSource">view source</a></div><a name="hide"></a><a name="event-hide"></a><a href="Ext.slider.Tip.html#" rel="event-hide" class="cls expand">hide</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires after the component is hidden.
-Fires after the component is hidden when calling the <a href="Ext.slider.Tip.html#hide" rel="Ext.slider.Tip#hide" class="docClass">hide</a> method.</p>
-</div><div class="long"><p>Fires after the component is hidden.
-Fires after the component is hidden when calling the <a href="Ext.slider.Tip.html#hide" rel="Ext.slider.Tip#hide" class="docClass">hide</a> method.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-iconchange" class="member inherited"><a href="Ext.slider.Tip.html#event-iconchange" rel="event-iconchange" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-event-iconchange" class="viewSource">view source</a></div><a name="iconchange"></a><a name="event-iconchange"></a><a href="Ext.slider.Tip.html#" rel="event-iconchange" class="cls expand">iconchange</a>(
-<span class="pre">Ext.panel.Panel p, String newIconCls, String oldIconCls</span>)
-</div><div class="description"><div class="short"><p>Fires after the Panel iconCls has been set or changed.</p>
-</div><div class="long"><p>Fires after the Panel iconCls has been set or changed.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">p</span> : Ext.panel.Panel<div class="sub-desc"><p>the Panel which has been resized.</p>
-</div></li><li><span class="pre">newIconCls</span> : String<div class="sub-desc"><p>The new iconCls.</p>
-</div></li><li><span class="pre">oldIconCls</span> : String<div class="sub-desc"><p>The previous panel iconCls.</p>
-</div></li></ul></div></div></div><div id="event-move" class="member inherited"><a href="Ext.slider.Tip.html#event-move" rel="event-move" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-move" class="viewSource">view source</a></div><a name="move"></a><a name="event-move"></a><a href="Ext.slider.Tip.html#" rel="event-move" class="cls expand">move</a>(
-<span class="pre">Ext.Component this, Number x, Number y</span>)
-</div><div class="description"><div class="short"><p>Fires after the component is moved.</p>
-</div><div class="long"><p>Fires after the component is moved.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li><li><span class="pre">x</span> : Number<div class="sub-desc"><p>The new x position</p>
-</div></li><li><span class="pre">y</span> : Number<div class="sub-desc"><p>The new y position</p>
-</div></li></ul></div></div></div><div id="event-remove" class="member inherited"><a href="Ext.slider.Tip.html#event-remove" rel="event-remove" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.container.AbstractContainer.html" class="definedIn docClass">Ext.container.AbstractContainer</a><br/><a href="../source/AbstractContainer.html#Ext-container.AbstractContainer-event-remove" class="viewSource">view source</a></div><a name="remove"></a><a name="event-remove"></a><a href="Ext.slider.Tip.html#" rel="event-remove" class="cls expand">remove</a>(
-<span class="pre">Ext.container.Container this, Ext.Component component</span>)
-</div><div class="description"><div class="short"><p>@bubbles
-Fires after any <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> is removed from the container.</p>
-</div><div class="long"><p>@bubbles
-Fires after any <a href="Ext.Component.html" rel="Ext.Component" class="docClass">Ext.Component</a> is removed from the container.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.container.Container<div class="sub-desc">
-</div></li><li><span class="pre">component</span> : Ext.Component<div class="sub-desc"><p>The component that was removed</p>
-</div></li></ul></div></div></div><div id="event-removed" class="member inherited"><a href="Ext.slider.Tip.html#event-removed" rel="event-removed" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-removed" class="viewSource">view source</a></div><a name="removed"></a><a name="event-removed"></a><a href="Ext.slider.Tip.html#" rel="event-removed" class="cls expand">removed</a>(
-<span class="pre">Ext.Component this, Ext.container.Container ownerCt</span>)
-</div><div class="description"><div class="short"><p>Fires when a component is removed from an Ext.container.Container</p>
-</div><div class="long"><p>Fires when a component is removed from an Ext.container.Container</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li><li><span class="pre">ownerCt</span> : Ext.container.Container<div class="sub-desc"><p>Container which holds the component</p>
-</div></li></ul></div></div></div><div id="event-render" class="member inherited"><a href="Ext.slider.Tip.html#event-render" rel="event-render" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-render" class="viewSource">view source</a></div><a name="render"></a><a name="event-render"></a><a href="Ext.slider.Tip.html#" rel="event-render" class="cls expand">render</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires after the component markup is <a href="Ext.slider.Tip.html#rendered" rel="Ext.slider.Tip#rendered" class="docClass">rendered</a>.</p>
-</div><div class="long"><p>Fires after the component markup is <a href="Ext.slider.Tip.html#rendered" rel="Ext.slider.Tip#rendered" class="docClass">rendered</a>.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-resize" class="member inherited"><a href="Ext.slider.Tip.html#event-resize" rel="event-resize" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-resize" class="viewSource">view source</a></div><a name="resize"></a><a name="event-resize"></a><a href="Ext.slider.Tip.html#" rel="event-resize" class="cls expand">resize</a>(
-<span class="pre">Ext.Component this, Number adjWidth, Number adjHeight</span>)
-</div><div class="description"><div class="short"><p>Fires after the component is resized.</p>
-</div><div class="long"><p>Fires after the component is resized.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li><li><span class="pre">adjWidth</span> : Number<div class="sub-desc"><p>The box-adjusted width that was set</p>
-</div></li><li><span class="pre">adjHeight</span> : Number<div class="sub-desc"><p>The box-adjusted height that was set</p>
-</div></li></ul></div></div></div><div id="event-show" class="member inherited"><a href="Ext.slider.Tip.html#event-show" rel="event-show" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.AbstractComponent.html" class="definedIn docClass">Ext.AbstractComponent</a><br/><a href="../source/AbstractComponent.html#Ext-AbstractComponent-event-show" class="viewSource">view source</a></div><a name="show"></a><a name="event-show"></a><a href="Ext.slider.Tip.html#" rel="event-show" class="cls expand">show</a>(
-<span class="pre">Ext.Component this</span>)
-</div><div class="description"><div class="short"><p>Fires after the component is shown when calling the <a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a> method.</p>
-</div><div class="long"><p>Fires after the component is shown when calling the <a href="Ext.slider.Tip.html#show" rel="Ext.slider.Tip#show" class="docClass">show</a> method.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.Component<div class="sub-desc">
-</div></li></ul></div></div></div><div id="event-staterestore" class="member inherited"><a href="Ext.slider.Tip.html#event-staterestore" rel="event-staterestore" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-event-staterestore" class="viewSource">view source</a></div><a name="staterestore"></a><a name="event-staterestore"></a><a href="Ext.slider.Tip.html#" rel="event-staterestore" class="cls expand">staterestore</a>(
-<span class="pre">Ext.state.Stateful this, Object state</span>)
-</div><div class="description"><div class="short"><p>Fires after the state of the object is restored.</p>
-</div><div class="long"><p>Fires after the state of the object is restored.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.state.Stateful<div class="sub-desc">
-</div></li><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The hash of state values returned from the StateProvider. This is passed
-to <b><tt>applyState</tt></b>. By default, that simply copies property values into this
-object. The method maybe overriden to provide custom state restoration.</p>
-</div></li></ul></div></div></div><div id="event-statesave" class="member inherited"><a href="Ext.slider.Tip.html#event-statesave" rel="event-statesave" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.state.Stateful.html" class="definedIn docClass">Ext.state.Stateful</a><br/><a href="../source/Stateful.html#Ext-state.Stateful-event-statesave" class="viewSource">view source</a></div><a name="statesave"></a><a name="event-statesave"></a><a href="Ext.slider.Tip.html#" rel="event-statesave" class="cls expand">statesave</a>(
-<span class="pre">Ext.state.Stateful this, Object state</span>)
-</div><div class="description"><div class="short"><p>Fires after the state of the object is saved to the configured state provider.</p>
-</div><div class="long"><p>Fires after the state of the object is saved to the configured state provider.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">this</span> : Ext.state.Stateful<div class="sub-desc">
-</div></li><li><span class="pre">state</span> : Object<div class="sub-desc"><p>The hash of state values. This is determined by calling
-<b><tt>getState()</tt></b> on the object. This method must be provided by the
-developer to return whetever representation of state is required, by default, <a href="Ext.state.Stateful.html" rel="Ext.state.Stateful" class="docClass">Ext.state.Stateful</a>
-has a null implementation.</p>
-</div></li></ul></div></div></div><div id="event-titlechange" class="member inherited"><a href="Ext.slider.Tip.html#event-titlechange" rel="event-titlechange" class="expand more ar"><span> </span></a><div class="title"><div class="meta"><a href="Ext.panel.Panel.html" class="definedIn docClass">Ext.panel.Panel</a><br/><a href="../source/Panel3.html#Ext-panel.Panel-event-titlechange" class="viewSource">view source</a></div><a name="titlechange"></a><a name="event-titlechange"></a><a href="Ext.slider.Tip.html#" rel="event-titlechange" class="cls expand">titlechange</a>(
-<span class="pre">Ext.panel.Panel p, String newTitle, String oldTitle</span>)
-</div><div class="description"><div class="short"><p>Fires after the Panel title has been set or changed.</p>
-</div><div class="long"><p>Fires after the Panel title has been set or changed.</p>
-<h3 class="pa">Parameters</h3><ul><li><span class="pre">p</span> : Ext.panel.Panel<div class="sub-desc"><p>the Panel which has been resized.</p>
-</div></li><li><span class="pre">newTitle</span> : String<div class="sub-desc"><p>The new title.</p>
-</div></li><li><span class="pre">oldTitle</span> : String<div class="sub-desc"><p>The previous panel title.</p>
-</div></li></ul></div></div></div></div></div></div></div><div id="pageContent"></div></div></div></div></body></html>
\ No newline at end of file