ext.layer.html.svn-base

PHP 知识管理系统（基于树结构的知识管理系统）, 英文原版的PHP源码。

b      The center of the bottom edge
br     The bottom right corner</pre>
Example Usage:
<pre><code><i>// align el to other-el using the <b>default</b> positioning (<em>"tl-bl"</em>, non-constrained)</i>
el.alignTo(<em>"other-el"</em>);

<i>// align the top left corner of el <b>with</b> the top right corner of other-el (constrained to viewport)</i>
el.alignTo(<em>"other-el"</em>, <em>"tr?"</em>);

<i>// align the bottom right corner of el <b>with</b> the center left edge of other-el</i>
el.alignTo(<em>"other-el"</em>, <em>"br-l?"</em>);

<i>// align the center of el <b>with</b> the bottom left corner of other-el and</i>
<i>// adjust the x position by -6 pixels (and the y position by 0)</i>
el.alignTo(<em>"other-el"</em>, <em>"c-bl"</em>, [-6, 0]);</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>element</code> : Mixed<div class="sub-desc">The element to align to.</div></li><li><code>position</code> : String<div class="sub-desc">The position to align to.</div></li><li><code>offsets</code> : Array<div class="sub-desc">(optional) Offset the positioning by [x, y]</div></li><li><code>animate</code> : Boolean/Object<div class="sub-desc">(optional) true for the default animation or a standard Element animation config object</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#alignTo" href="output/Ext.Element.html#alignTo">Element</a></td>
    </tr>
        <tr class="method-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Layer-anchorTo"></a>
            <b>anchorTo</b>(&nbsp;<code>Mixed element</code>, <code>String position</code>, <span class="optional" title="Optional">[<code>Array offsets</code>]</span>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span>, <span class="optional" title="Optional">[<code>Boolean/Number monitorScroll</code>]</span>, <code>Function callback</code>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Anchors an element to another element and realigns it when the window is resized.</div>
            <div class="long">
                Anchors an element to another element and realigns it when the window is resized.    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>element</code> : Mixed<div class="sub-desc">The element to align to.</div></li><li><code>position</code> : String<div class="sub-desc">The position to align to.</div></li><li><code>offsets</code> : Array<div class="sub-desc">(optional) Offset the positioning by [x, y]</div></li><li><code>animate</code> : Boolean/Object<div class="sub-desc">(optional) True for the default animation or a standard Element animation config object</div></li><li><code>monitorScroll</code> : Boolean/Number<div class="sub-desc">(optional) True to monitor body scroll and reposition. If this parameter
is a number, it is used as the buffer delay (defaults to 50ms).</div></li><li><code>callback</code> : Function<div class="sub-desc">The function to call after the animation finishes</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#anchorTo" href="output/Ext.Element.html#anchorTo">Element</a></td>
    </tr>
        <tr class="method-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Layer-animate"></a>
            <b>animate</b>(&nbsp;<code>Object args</code>, <span class="optional" title="Optional">[<code>Float duration</code>]</span>, <span class="optional" title="Optional">[<code>Function onComplete</code>]</span>, <span class="optional" title="Optional">[<code>String easing</code>]</span>, <span class="optional" title="Optional">[<code>String animType</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Perform animation on this element.</div>
            <div class="long">
                Perform animation on this element.    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>args</code> : Object<div class="sub-desc">The animation control args</div></li><li><code>duration</code> : Float<div class="sub-desc">(optional) How long the animation lasts in seconds (defaults to .35)</div></li><li><code>onComplete</code> : Function<div class="sub-desc">(optional) Function to call when animation completes</div></li><li><code>easing</code> : String<div class="sub-desc">(optional) Easing method to use (defaults to 'easeOut')</div></li><li><code>animType</code> : String<div class="sub-desc">(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#animate" href="output/Ext.Element.html#animate">Element</a></td>
    </tr>
        <tr class="method-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Layer-appendChild"></a>
            <b>appendChild</b>(&nbsp;<code>String/HTMLElement/Array/Element/CompositeElement el</code>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Appends the passed element(s) to this element</div>
            <div class="long">
                Appends the passed element(s) to this element    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>el</code> : String/HTMLElement/Array/Element/CompositeElement<div class="sub-desc"></div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#appendChild" href="output/Ext.Element.html#appendChild">Element</a></td>
    </tr>
        <tr class="method-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Layer-appendTo"></a>
            <b>appendTo</b>(&nbsp;<code>Mixed el</code>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Appends this element to the passed element</div>
            <div class="long">
                Appends this element to the passed element    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>el</code> : Mixed<div class="sub-desc">The new parent element</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#appendTo" href="output/Ext.Element.html#appendTo">Element</a></td>
    </tr>
        <tr class="method-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Layer-applyStyles"></a>
            <b>applyStyles</b>(&nbsp;<code>String/Object/Function styles</code>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">More flexible version of <a ext:cls="Ext.Element" ext:member="setStyle" href="output/Ext.Element.html#setStyle">setStyle</a> for setting style properties.</div>
            <div class="long">
                More flexible version of <a ext:cls="Ext.Element" ext:member="setStyle" href="output/Ext.Element.html#setStyle">setStyle</a> for setting style properties.    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>styles</code> : String/Object/Function<div class="sub-desc">A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or
a function which returns such a specification.</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#applyStyles" href="output/Ext.Element.html#applyStyles">Element</a></td>
    </tr>
        <tr class="method-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Layer-autoHeight"></a>
            <b>autoHeight</b>(&nbsp;<span class="optional" title="Optional">[<code>Boolean animate</code>]</span>, <span class="optional" title="Optional">[<code>Float duration</code>]</span>, <span class="optional" title="Optional">[<code>Function onComplete</code>]</span>, <span class="optional" title="Optional">[<code>String easing</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Measures the element's content height and updates height to match. Note: this function uses setTimeout so
the new hei...</div>
            <div class="long">
                Measures the element's content height and updates height to match. Note: this function uses setTimeout so
the new height may not be available immediately.    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>animate</code> : Boolean<div class="sub-desc">(optional) Animate the transition (defaults to false)</div></li><li><code>duration</code> : Float<div class="sub-desc">(optional) Length of the animation in seconds (defaults to .35)</div></li><li><code>onComplete</code> : Function<div class="sub-desc">(optional) Function to call when animation completes</div></li><li><code>easing</code> : String<div class="sub-desc">(optional) Easing method to use (defaults to easeOut)</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#autoHeight" href="output/Ext.Element.html#autoHeight">Element</a></td>
    </tr>
        <tr class="method-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Layer-blur"></a>
            <b>blur</b>() : Ext.Element            <div class="mdesc">
                        <div class="short">Tries to blur the element. Any exceptions are caught and ignored.</div>
            <div class="long">
                Tries to blur the element. Any exceptions are caught and ignored.    <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">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#blur" href="output/Ext.Element.html#blur">Element</a></td>
    </tr>
        <tr class="method-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Layer-boxWrap"></a>
            <b>boxWrap</b>(&nbsp;<span class="optional" title="Optional">[<code>String class</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a
gradie...</div>
            <div class="long">
                Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a
gradient background, rounded corners and a 4-way shadow.  Example usage:
<pre><code>
// Basic box wrap
Ext.get("foo").boxWrap();

// You can also add a custom class and use CSS inheritance rules to customize the box look.
// 'x-box-blue' is a built-in alternative -- look at the related CSS definitions as an example
// for how to create a custom box wrap style.
Ext.get("foo").boxWrap().addClass("x-box-blue");</pre></code>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>class</code> : String<div class="sub-desc">(optional) A base CSS class to apply to the containing wrapper element (defaults to 'x-box').
Note that there are a number of CSS rules that are dependent on this name to make the overall effect work,
so if you supply an alternate base class, make sure you also supply all of the necessary rules.</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">this</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Element" ext:member="#boxWrap" href="output/Ext.Element.html#boxWrap">Element</a></td>
    </tr>