📄 ext.layer.html.svn-base
字号:
<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.Layer-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.Layer-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.Layer-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.Layer-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.Layer"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div> <div class="inheritance res-block"><pre class="res-block-inner"><a ext:cls="Ext.Element" ext:member="" href="output/Ext.Element.html">Element</a> <img src="resources/elbow-end.gif"/>Layer</pre></div> <h1>Class Ext.Layer</h1> <table cellspacing="0"> <tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr> <tr><td class="label">Defined In:</td><td class="hd-info">Layer.js</td></tr> <tr><td class="label">Class:</td><td class="hd-info">Layer</td></tr> <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.Element" ext:member="" href="output/Ext.Element.html">Element</a></td></tr> </table> <div class="description"> An extended <a ext:cls="Ext.Element" href="output/Ext.Element.html">Ext.Element</a> object that supports a shadow and shim, constrain to viewport andautomatic maintaining of shadow/shim positions. </div> <div class="hr"></div> <a id="Ext.Layer-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-cls"></a>
<b>cls</b> : String <div class="mdesc">
CSS class to add to the element </div>
</td>
<td class="msource">Layer</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-constrain"></a>
<b>constrain</b> : Boolean <div class="mdesc">
False to disable constrain to viewport (defaults to true) </div>
</td>
<td class="msource">Layer</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-dh"></a>
<b>dh</b> : Object <div class="mdesc">
DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}). </div>
</td>
<td class="msource">Layer</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-shadow"></a>
<b>shadow</b> : String/Boolean <div class="mdesc">
<div class="short">True to create a shadow element with default class "x-layer-shadow", or you can pass a string with a CSS class name. ...</div>
<div class="long">
True to create a shadow element with default class "x-layer-shadow", or you can pass a string with a CSS class name. False turns off the shadow. </div>
</div>
</td>
<td class="msource">Layer</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-shadowOffset"></a>
<b>shadowOffset</b> : Number <div class="mdesc">
Number of pixels to offset the shadow (defaults to 3) </div>
</td>
<td class="msource">Layer</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-shim"></a>
<b>shim</b> : Boolean <div class="mdesc">
False to disable the iframe shim in browsers which need one (defaults to true) </div>
</td>
<td class="msource">Layer</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-zindex"></a>
<b>zindex</b> : Number <div class="mdesc">
Starting z-index (defaults to 11000) </div>
</td>
<td class="msource">Layer</td>
</tr>
</table> <a id="Ext.Layer-props"></a> <h2>Public Properties</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Property</th> <th class="msource-header">Defined By</th> </tr> <tr class="property-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-defaultUnit"></a>
<b>defaultUnit</b> : String <div class="mdesc">
The default unit to append to CSS values where a unit isn't provided (defaults to px). </div>
</td>
<td class="msource"><a ext:cls="Ext.Element" ext:member="#defaultUnit" href="output/Ext.Element.html#defaultUnit">Element</a></td>
</tr>
<tr class="property-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-dom"></a>
<b>dom</b> : HTMLElement <div class="mdesc">
The DOM element </div>
</td>
<td class="msource"><a ext:cls="Ext.Element" ext:member="#dom" href="output/Ext.Element.html#dom">Element</a></td>
</tr>
<tr class="property-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-id"></a>
<b>id</b> : String <div class="mdesc">
The DOM element ID </div>
</td>
<td class="msource"><a ext:cls="Ext.Element" ext:member="#id" href="output/Ext.Element.html#id">Element</a></td>
</tr>
<tr class="property-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-originalDisplay"></a>
<b>originalDisplay</b> : String <div class="mdesc">
The element's default display mode (defaults to "") </div>
</td>
<td class="msource"><a ext:cls="Ext.Element" ext:member="#originalDisplay" href="output/Ext.Element.html#originalDisplay">Element</a></td>
</tr>
</table> <a id="Ext.Layer-methods"></a> <h2>Public Methods</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Method</th> <th class="msource-header">Defined By</th> </tr> <tr class="method-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-Layer"></a>
<b>Layer</b>( <code>Object config</code>, <span class="optional" title="Optional">[<code>String/HTMLElement existingEl</code>]</span> ) <div class="mdesc">
<div class="short"></div>
<div class="long">
<div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>config</code> : Object<div class="sub-desc">An object with config options.</div></li><li><code>existingEl</code> : String/HTMLElement<div class="sub-desc">(optional) Uses an existing DOM element. If the element is not found it creates it.</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code></code></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource">Layer</td>
</tr>
<tr class="method-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-addClass"></a>
<b>addClass</b>( <code>String/Array className</code> ) : Ext.Element <div class="mdesc">
<div class="short">Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.</div>
<div class="long">
Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out. <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>className</code> : String/Array<div class="sub-desc">The CSS class to add, or an array of classes</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="#addClass" href="output/Ext.Element.html#addClass">Element</a></td>
</tr>
<tr class="method-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Layer-addClassOnClick"></a>
<b>addClassOnClick</b>( <code>String className</code> ) : Ext.Element <div class="mdesc">
<div class="short">Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)</div>
<div class="long">
Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect) <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>className</code> : String<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>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -