-<pre><code><i>// slide the element horizontally to x position 200 <b>while</b> changing the height and opacity</i>
-el.shift({ x: 200, height: 50, opacity: .8 });
-
-<i>// common config options shown <b>with</b> default values.</i>
-el.shift({
- width: [element's width],
- height: [element's height],
- x: [element's x position],
- y: [element's y position],
- opacity: [element's opacity],
- easing: <em>'easeOut'</em>,
- duration: .35
-});</code></pre> <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>options</code> : Object<div class="sub-desc">Object literal with any of the Fx config options</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">Fx</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.Fx-slideIn"></a>\r
- <b>slideIn</b>( <span class="optional" title="Optional">[<code>String anchor</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span> ) : Ext.Element <div class="mdesc">\r
- <div class="short">Slides the element into view. An anchor point can be optionally passed to set the point of
-origin for the slide effe...</div>\r
- <div class="long">\r
- Slides the element into view. An anchor point can be optionally passed to set the point of
-origin for the slide effect. This function automatically handles wrapping the element with
-a fixed-size container if needed. See the Fx class overview for valid anchor point options.
-Usage:
-<pre><code><i>// <b>default</b>: slide the element <b>in</b> from the top</i>
-el.slideIn();
-
-<i>// custom: slide the element <b>in</b> from the right <b>with</b> a 2-second duration</i>
-el.slideIn(<em>'r'</em>, { duration: 2 });
-
-<i>// common config options shown <b>with</b> default values</i>
-el.slideIn(<em>'t'</em>, {
- easing: <em>'easeOut'</em>,
- duration: .5
-});</code></pre> <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>anchor</code> : String<div class="sub-desc">(optional) One of the valid Fx anchor positions (defaults to top: 't')</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">Fx</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.Fx-slideOut"></a>\r
- <b>slideOut</b>( <span class="optional" title="Optional">[<code>String anchor</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span> ) : Ext.Element <div class="mdesc">\r
- <div class="short">Slides the element out of view. An anchor point can be optionally passed to set the end point
-for the slide effect. ...</div>\r
- <div class="long">\r
- Slides the element out of view. An anchor point can be optionally passed to set the end point
-for the slide effect. When the effect is completed, the element will be hidden (visibility =
-'hidden') but block elements will still take up space in the document. The element must be removed
-from the DOM using the 'remove' config option if desired. This function automatically handles
-wrapping the element with a fixed-size container if needed. See the Fx class overview for valid anchor point options.
-Usage:
-<pre><code><i>// <b>default</b>: slide the element out to the top</i>
-el.slideOut();
-
-<i>// custom: slide the element out to the right <b>with</b> a 2-second duration</i>
-el.slideOut(<em>'r'</em>, { duration: 2 });
-
-<i>// common config options shown <b>with</b> default values</i>
-el.slideOut(<em>'t'</em>, {
- easing: <em>'easeOut'</em>,
- duration: .5,
- remove: false,
- useDisplay: false
-});</code></pre> <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>anchor</code> : String<div class="sub-desc">(optional) One of the valid Fx anchor positions (defaults to top: 't')</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">Fx</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.Fx-stopFx"></a>\r
- <b>stopFx</b>() : Ext.Element <div class="mdesc">\r
- <div class="short">Stops any running effects and clears the element's internal effects queue if it contains
-any additional effects that ...</div>\r
- <div class="long">\r
- Stops any running effects and clears the element's internal effects queue if it contains
-any additional effects that haven't started yet. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">Fx</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.Fx-switchOff"></a>\r
- <b>switchOff</b>( <span class="optional" title="Optional">[<code>Object options</code>]</span> ) : Ext.Element <div class="mdesc">\r
- <div class="short">Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
-Whe...</div>\r
- <div class="long">\r
- Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
-When the effect is completed, the element will be hidden (visibility = 'hidden') but block elements will still
-take up space in the document. The element must be removed from the DOM using the 'remove' config option if desired.
-Usage:
-<pre><code><i>// <b>default</b></i>
-el.switchOff();
-
-<i>// all config options shown <b>with</b> default values</i>
-el.switchOff({
- easing: <em>'easeIn'</em>,
- duration: .3,
- remove: false,
- useDisplay: false
-});</code></pre> <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">Fx</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.Fx-syncFx"></a>\r
- <b>syncFx</b>() : Ext.Element <div class="mdesc">\r
- <div class="short">Ensures that all effects queued after syncFx is called on the element are
-run concurrently. This is the opposite of ...</div>\r
- <div class="long">\r
- Ensures that all effects queued after syncFx is called on the element are
-run concurrently. This is the opposite of <a ext:cls="Ext.Fx" ext:member="sequenceFx" href="output/Ext.Fx.html#sequenceFx">sequenceFx</a>. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">Fx</td>\r
- </tr>\r
- </table>
- <a id="Ext.Fx-events"></a>
- <h2>Public Events</h2>
- <div class="no-members">This class has no public events.</div>
- </div>
\ No newline at end of file
+<pre><code><i>// slide the element horizontally to x position 200 <b>while</b> changing the height and opacity\r</i>
+el.shift({ x: 200, height: 50, opacity: .8 });\r
+\r
+<i>// common config options shown <b>with</b> <b>default</b> values.\r</i>
+el.shift({\r
+ width: [element's width],\r
+ height: [element's height],\r
+ x: [element's x position],\r
+ y: [element's y position],\r
+ opacity: [element's opacity],\r
+ easing: <em>'easeOut'</em>,\r
+ duration: .35\r
+});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>options</code> : Object<div class="sub-desc">Object literal with any of the Fx config options</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element</div></li></ul></div></div></div></td><td class="msource">Fx</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Fx-slideIn"></a><b><a href="source/Fx.html#method-Ext.Fx-slideIn">slideIn</a></b>( <span title="Optional" class="optional">[<code>String anchor</code>]</span>, <span title="Optional" class="optional">[<code>Object options</code>]</span> )
+ :
+ Ext.Element<div class="mdesc"><div class="short">Slides the element into view. An anchor point can be optionally passed to set the point of
+origin for the slide eff...</div><div class="long">Slides the element into view. An anchor point can be optionally passed to set the point of\r
+origin for the slide effect. This function automatically handles wrapping the element with\r
+a fixed-size container if needed. See the Fx class overview for valid anchor point options.\r
+Usage:\r
+<pre><code><i>// <b>default</b>: slide the element <b>in</b> from the top\r</i>
+el.slideIn();\r
+\r
+<i>// custom: slide the element <b>in</b> from the right <b>with</b> a 2-second duration\r</i>
+el.slideIn(<em>'r'</em>, { duration: 2 });\r
+\r
+<i>// common config options shown <b>with</b> <b>default</b> values\r</i>
+el.slideIn(<em>'t'</em>, {\r
+ easing: <em>'easeOut'</em>,\r
+ duration: .5\r
+});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>anchor</code> : String<div class="sub-desc">(optional) One of the valid Fx anchor positions (defaults to top: 't')</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element</div></li></ul></div></div></div></td><td class="msource">Fx</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Fx-slideOut"></a><b><a href="source/Fx.html#method-Ext.Fx-slideOut">slideOut</a></b>( <span title="Optional" class="optional">[<code>String anchor</code>]</span>, <span title="Optional" class="optional">[<code>Object options</code>]</span> )
+ :
+ Ext.Element<div class="mdesc"><div class="short">Slides the element out of view. An anchor point can be optionally passed to set the end point
+for the slide effect....</div><div class="long">Slides the element out of view. An anchor point can be optionally passed to set the end point\r
+for the slide effect. When the effect is completed, the element will be hidden (visibility = \r
+'hidden') but block elements will still take up space in the document. The element must be removed\r
+from the DOM using the 'remove' config option if desired. This function automatically handles \r
+wrapping the element with a fixed-size container if needed. See the Fx class overview for valid anchor point options.\r
+Usage:\r
+<pre><code><i>// <b>default</b>: slide the element out to the top\r</i>
+el.slideOut();\r
+\r
+<i>// custom: slide the element out to the right <b>with</b> a 2-second duration\r</i>
+el.slideOut(<em>'r'</em>, { duration: 2 });\r
+\r
+<i>// common config options shown <b>with</b> <b>default</b> values\r</i>
+el.slideOut(<em>'t'</em>, {\r
+ easing: <em>'easeOut'</em>,\r
+ duration: .5,\r
+ remove: false,\r
+ useDisplay: false\r
+});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>anchor</code> : String<div class="sub-desc">(optional) One of the valid Fx anchor positions (defaults to top: 't')</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element</div></li></ul></div></div></div></td><td class="msource">Fx</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Fx-stopFx"></a><b><a href="source/Fx.html#method-Ext.Fx-stopFx">stopFx</a></b>()
+ :
+ Ext.Element<div class="mdesc"><div class="short">Stops any running effects and clears the element's internal effects queue if it contains
+any additional effects that...</div><div class="long">Stops any running effects and clears the element's internal effects queue if it contains\r
+any additional effects that haven't started yet.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element</div></li></ul></div></div></div></td><td class="msource">Fx</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Fx-switchOff"></a><b><a href="source/Fx.html#method-Ext.Fx-switchOff">switchOff</a></b>( <span title="Optional" class="optional">[<code>Object options</code>]</span> )
+ :
+ Ext.Element<div class="mdesc"><div class="short">Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
+Wh...</div><div class="long">Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).\r
+When the effect is completed, the element will be hidden (visibility = 'hidden') but block elements will still \r
+take up space in the document. The element must be removed from the DOM using the 'remove' config option if desired.\r
+Usage:\r
+<pre><code><i>// <b>default</b>\r</i>
+el.switchOff();\r
+\r
+<i>// all config options shown <b>with</b> <b>default</b> values\r</i>
+el.switchOff({\r
+ easing: <em>'easeIn'</em>,\r
+ duration: .3,\r
+ remove: false,\r
+ useDisplay: false\r
+});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element</div></li></ul></div></div></div></td><td class="msource">Fx</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Fx-syncFx"></a><b><a href="source/Fx.html#method-Ext.Fx-syncFx">syncFx</a></b>()
+ :
+ Ext.Element<div class="mdesc"><div class="short">Ensures that all effects queued after syncFx is called on the element are
+run concurrently. This is the opposite of...</div><div class="long">Ensures that all effects queued after syncFx is called on the element are\r
+run concurrently. This is the opposite of <a href="output/Ext.Fx.html#Ext.Fx-sequenceFx" ext:member="sequenceFx" ext:cls="Ext.Fx">sequenceFx</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Element</code><div class="sub-desc">The Element</div></li></ul></div></div></div></td><td class="msource">Fx</td></tr></tbody></table><a id="Ext.Fx-events"></a><h2>Public Events</h2><div class="no-members">This class has no public events.</div></div>
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff