1 | <div class="body-wrap"> |
---|
2 | <div class="top-tools"> |
---|
3 | <a class="inner-link" href="#Ext.Layer-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> |
---|
4 | <a class="inner-link" href="#Ext.Layer-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> |
---|
5 | <a class="inner-link" href="#Ext.Layer-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> |
---|
6 | <a class="inner-link" href="#Ext.Layer-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> |
---|
7 | <a class="bookmark" href="../docs/?class=Ext.Layer"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> |
---|
8 | </div> |
---|
9 | <div class="inheritance res-block"> |
---|
10 | <pre class="res-block-inner"><a ext:cls="Ext.Element" ext:member="" href="output/Ext.Element.html">Element</a> |
---|
11 | <img src="resources/elbow-end.gif"/>Layer</pre></div> |
---|
12 | <h1>Class Ext.Layer</h1> |
---|
13 | <table cellspacing="0"> |
---|
14 | <tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr> |
---|
15 | <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/Layer.js" target="_blank">Layer.js</a></td></tr> |
---|
16 | <tr><td class="label">Class:</td><td class="hd-info">Layer</td></tr> |
---|
17 | <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> |
---|
18 | </table> |
---|
19 | <div class="description"> |
---|
20 | * |
---|
21 | 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 and |
---|
22 | automatic maintaining of shadow/shim positions. </div> |
---|
23 | |
---|
24 | <div class="hr"></div> |
---|
25 | <a id="Ext.Layer-configs"></a> |
---|
26 | <h2>Config Options</h2> |
---|
27 | <table cellspacing="0" class="member-table"> |
---|
28 | <tr> |
---|
29 | <th class="sig-header" colspan="2">Config Options</th> |
---|
30 | <th class="msource-header">Defined By</th> |
---|
31 | </tr> |
---|
32 | <tr class="config-row"> |
---|
33 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
34 | <td class="sig"> |
---|
35 | <a id="Ext.Layer-cls"></a> |
---|
36 | <b>cls</b> : String <div class="mdesc"> |
---|
37 | CSS class to add to the element </div> |
---|
38 | </td> |
---|
39 | <td class="msource">Layer</td> |
---|
40 | </tr> |
---|
41 | <tr class="config-row alt"> |
---|
42 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
43 | <td class="sig"> |
---|
44 | <a id="Ext.Layer-constrain"></a> |
---|
45 | <b>constrain</b> : Boolean <div class="mdesc"> |
---|
46 | False to disable constrain to viewport (defaults to true) </div> |
---|
47 | </td> |
---|
48 | <td class="msource">Layer</td> |
---|
49 | </tr> |
---|
50 | <tr class="config-row"> |
---|
51 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
52 | <td class="sig"> |
---|
53 | <a id="Ext.Layer-dh"></a> |
---|
54 | <b>dh</b> : Object <div class="mdesc"> |
---|
55 | DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}). </div> |
---|
56 | </td> |
---|
57 | <td class="msource">Layer</td> |
---|
58 | </tr> |
---|
59 | <tr class="config-row alt expandable"> |
---|
60 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
61 | <td class="sig"> |
---|
62 | <a id="Ext.Layer-shadow"></a> |
---|
63 | <b>shadow</b> : String/Boolean <div class="mdesc"> |
---|
64 | <div class="short">True to automatically create an Ext.Shadow, or a string indicating the shadow's display Ext.Shadow.mode. False to dis...</div> |
---|
65 | <div class="long"> |
---|
66 | True to automatically create an <a ext:cls="Ext.Shadow" href="output/Ext.Shadow.html">Ext.Shadow</a>, or a string indicating the shadow's display <a ext:cls="Ext.Shadow" ext:member="mode" href="output/Ext.Shadow.html#mode">Ext.Shadow.mode</a>. False to disable the shadow. (defaults to false) </div> |
---|
67 | </div> |
---|
68 | </td> |
---|
69 | <td class="msource">Layer</td> |
---|
70 | </tr> |
---|
71 | <tr class="config-row"> |
---|
72 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
73 | <td class="sig"> |
---|
74 | <a id="Ext.Layer-shadowOffset"></a> |
---|
75 | <b>shadowOffset</b> : Number <div class="mdesc"> |
---|
76 | Number of pixels to offset the shadow (defaults to 3) </div> |
---|
77 | </td> |
---|
78 | <td class="msource">Layer</td> |
---|
79 | </tr> |
---|
80 | <tr class="config-row alt"> |
---|
81 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
82 | <td class="sig"> |
---|
83 | <a id="Ext.Layer-shim"></a> |
---|
84 | <b>shim</b> : Boolean <div class="mdesc"> |
---|
85 | False to disable the iframe shim in browsers which need one (defaults to true) </div> |
---|
86 | </td> |
---|
87 | <td class="msource">Layer</td> |
---|
88 | </tr> |
---|
89 | <tr class="config-row"> |
---|
90 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
91 | <td class="sig"> |
---|
92 | <a id="Ext.Layer-zindex"></a> |
---|
93 | <b>zindex</b> : Number <div class="mdesc"> |
---|
94 | Starting z-index (defaults to 11000) </div> |
---|
95 | </td> |
---|
96 | <td class="msource">Layer</td> |
---|
97 | </tr> |
---|
98 | </table> |
---|
99 | <a id="Ext.Layer-props"></a> |
---|
100 | <h2>Public Properties</h2> |
---|
101 | <table cellspacing="0" class="member-table"> |
---|
102 | <tr> |
---|
103 | <th class="sig-header" colspan="2">Property</th> |
---|
104 | <th class="msource-header">Defined By</th> |
---|
105 | </tr> |
---|
106 | <tr class="property-row inherited"> |
---|
107 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
108 | <td class="sig"> |
---|
109 | <a id="Ext.Layer-defaultUnit"></a> |
---|
110 | <b>defaultUnit</b> : String <div class="mdesc"> |
---|
111 | The default unit to append to CSS values where a unit isn't provided (defaults to px). </div> |
---|
112 | </td> |
---|
113 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#defaultUnit" href="output/Ext.Element.html#defaultUnit">Element</a></td> |
---|
114 | </tr> |
---|
115 | <tr class="property-row inherited alt"> |
---|
116 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
117 | <td class="sig"> |
---|
118 | <a id="Ext.Layer-dom"></a> |
---|
119 | <b>dom</b> : HTMLElement <div class="mdesc"> |
---|
120 | The DOM element </div> |
---|
121 | </td> |
---|
122 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#dom" href="output/Ext.Element.html#dom">Element</a></td> |
---|
123 | </tr> |
---|
124 | <tr class="property-row inherited"> |
---|
125 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
126 | <td class="sig"> |
---|
127 | <a id="Ext.Layer-id"></a> |
---|
128 | <b>id</b> : String <div class="mdesc"> |
---|
129 | The DOM element ID </div> |
---|
130 | </td> |
---|
131 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#id" href="output/Ext.Element.html#id">Element</a></td> |
---|
132 | </tr> |
---|
133 | <tr class="property-row inherited alt"> |
---|
134 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
135 | <td class="sig"> |
---|
136 | <a id="Ext.Layer-originalDisplay"></a> |
---|
137 | <b>originalDisplay</b> : String <div class="mdesc"> |
---|
138 | The element's default display mode (defaults to "") </div> |
---|
139 | </td> |
---|
140 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#originalDisplay" href="output/Ext.Element.html#originalDisplay">Element</a></td> |
---|
141 | </tr> |
---|
142 | </table> |
---|
143 | <a id="Ext.Layer-methods"></a> |
---|
144 | <h2>Public Methods</h2> |
---|
145 | <table cellspacing="0" class="member-table"> |
---|
146 | <tr> |
---|
147 | <th class="sig-header" colspan="2">Method</th> |
---|
148 | <th class="msource-header">Defined By</th> |
---|
149 | </tr> |
---|
150 | <tr class="method-row expandable"> |
---|
151 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
152 | <td class="sig"> |
---|
153 | <a id="Ext.Layer-Layer"></a> |
---|
154 | <b>Layer</b>( <code>Object config</code>, <span class="optional" title="Optional">[<code>String/HTMLElement existingEl</code>]</span> ) <div class="mdesc"> |
---|
155 | <div class="short"></div> |
---|
156 | <div class="long"> |
---|
157 | <div class="mdetail-params"> |
---|
158 | <strong>Parameters:</strong> |
---|
159 | <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> |
---|
160 | <strong>Returns:</strong> |
---|
161 | <ul> |
---|
162 | <li><code></code></li> |
---|
163 | </ul> |
---|
164 | </div> |
---|
165 | </div> |
---|
166 | </div> |
---|
167 | </td> |
---|
168 | <td class="msource">Layer</td> |
---|
169 | </tr> |
---|
170 | <tr class="method-row inherited alt expandable"> |
---|
171 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
172 | <td class="sig"> |
---|
173 | <a id="Ext.Layer-addClass"></a> |
---|
174 | <b>addClass</b>( <code>String/Array className</code> ) : Ext.Element <div class="mdesc"> |
---|
175 | <div class="short">Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.</div> |
---|
176 | <div class="long"> |
---|
177 | Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out. <div class="mdetail-params"> |
---|
178 | <strong>Parameters:</strong> |
---|
179 | <ul><li><code>className</code> : String/Array<div class="sub-desc">The CSS class to add, or an array of classes</div></li> </ul> |
---|
180 | <strong>Returns:</strong> |
---|
181 | <ul> |
---|
182 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
183 | </ul> |
---|
184 | </div> |
---|
185 | </div> |
---|
186 | </div> |
---|
187 | </td> |
---|
188 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#addClass" href="output/Ext.Element.html#addClass">Element</a></td> |
---|
189 | </tr> |
---|
190 | <tr class="method-row inherited expandable"> |
---|
191 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
192 | <td class="sig"> |
---|
193 | <a id="Ext.Layer-addClassOnClick"></a> |
---|
194 | <b>addClassOnClick</b>( <code>String className</code> ) : Ext.Element <div class="mdesc"> |
---|
195 | <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> |
---|
196 | <div class="long"> |
---|
197 | 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"> |
---|
198 | <strong>Parameters:</strong> |
---|
199 | <ul><li><code>className</code> : String<div class="sub-desc"></div></li> </ul> |
---|
200 | <strong>Returns:</strong> |
---|
201 | <ul> |
---|
202 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
203 | </ul> |
---|
204 | </div> |
---|
205 | </div> |
---|
206 | </div> |
---|
207 | </td> |
---|
208 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#addClassOnClick" href="output/Ext.Element.html#addClassOnClick">Element</a></td> |
---|
209 | </tr> |
---|
210 | <tr class="method-row inherited alt expandable"> |
---|
211 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
212 | <td class="sig"> |
---|
213 | <a id="Ext.Layer-addClassOnFocus"></a> |
---|
214 | <b>addClassOnFocus</b>( <code>String className</code> ) : Ext.Element <div class="mdesc"> |
---|
215 | <div class="short">Sets up event handlers to add and remove a css class when this element has the focus</div> |
---|
216 | <div class="long"> |
---|
217 | Sets up event handlers to add and remove a css class when this element has the focus <div class="mdetail-params"> |
---|
218 | <strong>Parameters:</strong> |
---|
219 | <ul><li><code>className</code> : String<div class="sub-desc"></div></li> </ul> |
---|
220 | <strong>Returns:</strong> |
---|
221 | <ul> |
---|
222 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
223 | </ul> |
---|
224 | </div> |
---|
225 | </div> |
---|
226 | </div> |
---|
227 | </td> |
---|
228 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#addClassOnFocus" href="output/Ext.Element.html#addClassOnFocus">Element</a></td> |
---|
229 | </tr> |
---|
230 | <tr class="method-row inherited expandable"> |
---|
231 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
232 | <td class="sig"> |
---|
233 | <a id="Ext.Layer-addClassOnOver"></a> |
---|
234 | <b>addClassOnOver</b>( <code>String className</code> ) : Ext.Element <div class="mdesc"> |
---|
235 | <div class="short">Sets up event handlers to add and remove a css class when the mouse is over this element</div> |
---|
236 | <div class="long"> |
---|
237 | Sets up event handlers to add and remove a css class when the mouse is over this element <div class="mdetail-params"> |
---|
238 | <strong>Parameters:</strong> |
---|
239 | <ul><li><code>className</code> : String<div class="sub-desc"></div></li> </ul> |
---|
240 | <strong>Returns:</strong> |
---|
241 | <ul> |
---|
242 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
243 | </ul> |
---|
244 | </div> |
---|
245 | </div> |
---|
246 | </div> |
---|
247 | </td> |
---|
248 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#addClassOnOver" href="output/Ext.Element.html#addClassOnOver">Element</a></td> |
---|
249 | </tr> |
---|
250 | <tr class="method-row inherited alt expandable"> |
---|
251 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
252 | <td class="sig"> |
---|
253 | <a id="Ext.Layer-addKeyListener"></a> |
---|
254 | <b>addKeyListener</b>( <code>Number/Array/Object/String key</code>, <code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span> ) : Ext.KeyMap <div class="mdesc"> |
---|
255 | <div class="short">Convenience method for constructing a KeyMap</div> |
---|
256 | <div class="long"> |
---|
257 | Convenience method for constructing a KeyMap <div class="mdetail-params"> |
---|
258 | <strong>Parameters:</strong> |
---|
259 | <ul><li><code>key</code> : Number/Array/Object/String<div class="sub-desc">Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options: |
---|
260 | {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}</div></li><li><code>fn</code> : Function<div class="sub-desc">The function to call</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope of the function</div></li> </ul> |
---|
261 | <strong>Returns:</strong> |
---|
262 | <ul> |
---|
263 | <li><code>Ext.KeyMap</code><div class="sub-desc">The KeyMap created</div></li> |
---|
264 | </ul> |
---|
265 | </div> |
---|
266 | </div> |
---|
267 | </div> |
---|
268 | </td> |
---|
269 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#addKeyListener" href="output/Ext.Element.html#addKeyListener">Element</a></td> |
---|
270 | </tr> |
---|
271 | <tr class="method-row inherited expandable"> |
---|
272 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
273 | <td class="sig"> |
---|
274 | <a id="Ext.Layer-addKeyMap"></a> |
---|
275 | <b>addKeyMap</b>( <code>Object config</code> ) : Ext.KeyMap <div class="mdesc"> |
---|
276 | <div class="short">Creates a KeyMap for this element</div> |
---|
277 | <div class="long"> |
---|
278 | Creates a KeyMap for this element <div class="mdetail-params"> |
---|
279 | <strong>Parameters:</strong> |
---|
280 | <ul><li><code>config</code> : Object<div class="sub-desc">The KeyMap config. See <a ext:cls="Ext.KeyMap" href="output/Ext.KeyMap.html">Ext.KeyMap</a> for more details</div></li> </ul> |
---|
281 | <strong>Returns:</strong> |
---|
282 | <ul> |
---|
283 | <li><code>Ext.KeyMap</code><div class="sub-desc">The KeyMap created</div></li> |
---|
284 | </ul> |
---|
285 | </div> |
---|
286 | </div> |
---|
287 | </div> |
---|
288 | </td> |
---|
289 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#addKeyMap" href="output/Ext.Element.html#addKeyMap">Element</a></td> |
---|
290 | </tr> |
---|
291 | <tr class="method-row inherited alt expandable"> |
---|
292 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
293 | <td class="sig"> |
---|
294 | <a id="Ext.Layer-addListener"></a> |
---|
295 | <b>addListener</b>( <code>String eventName</code>, <code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span> ) : void <div class="mdesc"> |
---|
296 | <div class="short">Appends an event handler to this element. The shorthand version <a ext:cls="Ext.Element" ext:member="on" href="output/Ext.Element.html#on">on</a> is equivalent.</div> |
---|
297 | <div class="long"> |
---|
298 | Appends an event handler to this element. The shorthand version <a ext:cls="Ext.Element" ext:member="on" href="output/Ext.Element.html#on">on</a> is equivalent. <div class="mdetail-params"> |
---|
299 | <strong>Parameters:</strong> |
---|
300 | <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to handle</div></li><li><code>fn</code> : Function<div class="sub-desc">The handler function the event invokes. This function is passed |
---|
301 | the following parameters:<ul> |
---|
302 | <li>evt : EventObject<div class="sub-desc">The <a ext:cls="Ext.EventObject" href="output/Ext.EventObject.html">EventObject</a> describing the event.</div></li> |
---|
303 | <li>t : Element<div class="sub-desc">The <a ext:cls="Ext.Element" href="output/Ext.Element.html">Element</a> which was the target of the event. |
---|
304 | Note that this may be filtered by using the <tt>delegate</tt> option.</div></li> |
---|
305 | <li>o : Object<div class="sub-desc">The options object from the addListener call.</div></li> |
---|
306 | </ul></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (The <tt>this</tt> reference) of the handler function. Defaults |
---|
307 | to this Element.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration properties. |
---|
308 | This may contain any of the following properties:<ul> |
---|
309 | <li>scope {Object} : The scope in which to execute the handler function. The handler function's "this" context.</li> |
---|
310 | <li>delegate {String} : A simple selector to filter the target or look for a descendant of the target</li> |
---|
311 | <li>stopEvent {Boolean} : True to stop the event. That is stop propagation, and prevent the default action.</li> |
---|
312 | <li>preventDefault {Boolean} : True to prevent the default action</li> |
---|
313 | <li>stopPropagation {Boolean} : True to prevent event propagation</li> |
---|
314 | <li>normalized {Boolean} : False to pass a browser event to the handler function instead of an Ext.EventObject</li> |
---|
315 | <li>delay {Number} : The number of milliseconds to delay the invocation of the handler after te event fires.</li> |
---|
316 | <li>single {Boolean} : True to add a handler to handle just the next firing of the event, and then remove itself.</li> |
---|
317 | <li>buffer {Number} : Causes the handler to be scheduled to run in an <a ext:cls="Ext.util.DelayedTask" href="output/Ext.util.DelayedTask.html">Ext.util.DelayedTask</a> delayed |
---|
318 | by the specified number of milliseconds. If the event fires again within that time, the original |
---|
319 | handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li> |
---|
320 | </ul><br> |
---|
321 | <p> |
---|
322 | <b>Combining Options</b><br> |
---|
323 | In the following examples, the shorthand form <a ext:cls="Ext.Element" ext:member="on" href="output/Ext.Element.html#on">on</a> is used rather than the more verbose |
---|
324 | addListener. The two are equivalent. Using the options argument, it is possible to combine different |
---|
325 | types of listeners:<br> |
---|
326 | <br> |
---|
327 | A normalized, delayed, one-time listener that auto stops the event and adds a custom argument (forumId) to the |
---|
328 | options object. The options object is available as the third parameter in the handler function.<div style="margin: 5px 20px 20px;"> |
---|
329 | Code:<pre><code>el.on(<em>'click'</em>, <b>this</b>.onClick, <b>this</b>, { |
---|
330 | single: true, |
---|
331 | delay: 100, |
---|
332 | stopEvent : true, |
---|
333 | forumId: 4 |
---|
334 | });</code></pre></p> |
---|
335 | <p> |
---|
336 | <b>Attaching multiple handlers in 1 call</b><br> |
---|
337 | The method also allows for a single argument to be passed which is a config object containing properties |
---|
338 | which specify multiple handlers.</p> |
---|
339 | <p> |
---|
340 | Code:<pre><code></p> |
---|
341 | el.on({ |
---|
342 | <em>'click'</em> : { |
---|
343 | fn: <b>this</b>.onClick, |
---|
344 | scope: <b>this</b>, |
---|
345 | delay: 100 |
---|
346 | }, |
---|
347 | <em>'mouseover'</em> : { |
---|
348 | fn: <b>this</b>.onMouseOver, |
---|
349 | scope: <b>this</b> |
---|
350 | }, |
---|
351 | <em>'mouseout'</em> : { |
---|
352 | fn: <b>this</b>.onMouseOut, |
---|
353 | scope: <b>this</b> |
---|
354 | } |
---|
355 | });</code></pre> |
---|
356 | <p> |
---|
357 | Or a shorthand syntax:<br> |
---|
358 | Code:<pre><code></p> |
---|
359 | el.on({ |
---|
360 | <em>'click'</em> : <b>this</b>.onClick, |
---|
361 | <em>'mouseover'</em> : <b>this</b>.onMouseOver, |
---|
362 | <em>'mouseout'</em> : <b>this</b>.onMouseOut, |
---|
363 | scope: <b>this</b> |
---|
364 | });</code></pre></div></li> </ul> |
---|
365 | <strong>Returns:</strong> |
---|
366 | <ul> |
---|
367 | <li><code>void</code></li> |
---|
368 | </ul> |
---|
369 | </div> |
---|
370 | </div> |
---|
371 | </div> |
---|
372 | </td> |
---|
373 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#addListener" href="output/Ext.Element.html#addListener">Element</a></td> |
---|
374 | </tr> |
---|
375 | <tr class="method-row inherited expandable"> |
---|
376 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
377 | <td class="sig"> |
---|
378 | <a id="Ext.Layer-alignTo"></a> |
---|
379 | <b>alignTo</b>( <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> ) : Ext.Element <div class="mdesc"> |
---|
380 | <div class="short">Aligns this element with another element relative to the specified anchor points. If the other element is the |
---|
381 | documen...</div> |
---|
382 | <div class="long"> |
---|
383 | Aligns this element with another element relative to the specified anchor points. If the other element is the |
---|
384 | document it aligns it to the viewport. |
---|
385 | The position parameter is optional, and can be specified in any one of the following formats: |
---|
386 | <ul> |
---|
387 | <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").</li> |
---|
388 | <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point. |
---|
389 | The element being aligned will position its top-left corner (tl) to that point. <i>This method has been |
---|
390 | deprecated in favor of the newer two anchor syntax below</i>.</li> |
---|
391 | <li><b>Two anchors</b>: If two values from the table below are passed separated by a dash, the first value is used as the |
---|
392 | element's anchor point, and the second value is used as the target's anchor point.</li> |
---|
393 | </ul> |
---|
394 | In addition to the anchor points, the position parameter also supports the "?" character. If "?" is passed at the end of |
---|
395 | the position string, the element will attempt to align as specified, but the position will be adjusted to constrain to |
---|
396 | the viewport if necessary. Note that the element being aligned might be swapped to align to a different position than |
---|
397 | that specified in order to enforce the viewport constraints. |
---|
398 | Following are all of the supported anchor positions: |
---|
399 | <pre>Value Description |
---|
400 | ----- ----------------------------- |
---|
401 | tl The top left corner (default) |
---|
402 | t The center of the top edge |
---|
403 | tr The top right corner |
---|
404 | l The center of the left edge |
---|
405 | c In the center of the element |
---|
406 | r The center of the right edge |
---|
407 | bl The bottom left corner |
---|
408 | b The center of the bottom edge |
---|
409 | br The bottom right corner</pre> |
---|
410 | Example Usage: |
---|
411 | <pre><code><i>// align el to other-el using the <b>default</b> positioning (<em>"tl-bl"</em>, non-constrained)</i> |
---|
412 | el.alignTo(<em>"other-el"</em>); |
---|
413 | |
---|
414 | <i>// align the top left corner of el <b>with</b> the top right corner of other-el (constrained to viewport)</i> |
---|
415 | el.alignTo(<em>"other-el"</em>, <em>"tr?"</em>); |
---|
416 | |
---|
417 | <i>// align the bottom right corner of el <b>with</b> the center left edge of other-el</i> |
---|
418 | el.alignTo(<em>"other-el"</em>, <em>"br-l?"</em>); |
---|
419 | |
---|
420 | <i>// align the center of el <b>with</b> the bottom left corner of other-el and</i> |
---|
421 | <i>// adjust the x position by -6 pixels (and the y position by 0)</i> |
---|
422 | el.alignTo(<em>"other-el"</em>, <em>"c-bl"</em>, [-6, 0]);</code></pre> <div class="mdetail-params"> |
---|
423 | <strong>Parameters:</strong> |
---|
424 | <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> |
---|
425 | <strong>Returns:</strong> |
---|
426 | <ul> |
---|
427 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
428 | </ul> |
---|
429 | </div> |
---|
430 | </div> |
---|
431 | </div> |
---|
432 | </td> |
---|
433 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#alignTo" href="output/Ext.Element.html#alignTo">Element</a></td> |
---|
434 | </tr> |
---|
435 | <tr class="method-row inherited alt expandable"> |
---|
436 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
437 | <td class="sig"> |
---|
438 | <a id="Ext.Layer-anchorTo"></a> |
---|
439 | <b>anchorTo</b>( <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> ) : Ext.Element <div class="mdesc"> |
---|
440 | <div class="short">Anchors an element to another element and realigns it when the window is resized.</div> |
---|
441 | <div class="long"> |
---|
442 | Anchors an element to another element and realigns it when the window is resized. <div class="mdetail-params"> |
---|
443 | <strong>Parameters:</strong> |
---|
444 | <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 |
---|
445 | 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> |
---|
446 | <strong>Returns:</strong> |
---|
447 | <ul> |
---|
448 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
449 | </ul> |
---|
450 | </div> |
---|
451 | </div> |
---|
452 | </div> |
---|
453 | </td> |
---|
454 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#anchorTo" href="output/Ext.Element.html#anchorTo">Element</a></td> |
---|
455 | </tr> |
---|
456 | <tr class="method-row inherited expandable"> |
---|
457 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
458 | <td class="sig"> |
---|
459 | <a id="Ext.Layer-animate"></a> |
---|
460 | <b>animate</b>( <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> ) : Ext.Element <div class="mdesc"> |
---|
461 | <div class="short">Perform animation on this element.</div> |
---|
462 | <div class="long"> |
---|
463 | Perform animation on this element. <div class="mdetail-params"> |
---|
464 | <strong>Parameters:</strong> |
---|
465 | <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> |
---|
466 | <strong>Returns:</strong> |
---|
467 | <ul> |
---|
468 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
469 | </ul> |
---|
470 | </div> |
---|
471 | </div> |
---|
472 | </div> |
---|
473 | </td> |
---|
474 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#animate" href="output/Ext.Element.html#animate">Element</a></td> |
---|
475 | </tr> |
---|
476 | <tr class="method-row inherited alt expandable"> |
---|
477 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
478 | <td class="sig"> |
---|
479 | <a id="Ext.Layer-appendChild"></a> |
---|
480 | <b>appendChild</b>( <code>String/HTMLElement/Array/Element/CompositeElement el</code> ) : Ext.Element <div class="mdesc"> |
---|
481 | <div class="short">Appends the passed element(s) to this element</div> |
---|
482 | <div class="long"> |
---|
483 | Appends the passed element(s) to this element <div class="mdetail-params"> |
---|
484 | <strong>Parameters:</strong> |
---|
485 | <ul><li><code>el</code> : String/HTMLElement/Array/Element/CompositeElement<div class="sub-desc"></div></li> </ul> |
---|
486 | <strong>Returns:</strong> |
---|
487 | <ul> |
---|
488 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
489 | </ul> |
---|
490 | </div> |
---|
491 | </div> |
---|
492 | </div> |
---|
493 | </td> |
---|
494 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#appendChild" href="output/Ext.Element.html#appendChild">Element</a></td> |
---|
495 | </tr> |
---|
496 | <tr class="method-row inherited expandable"> |
---|
497 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
498 | <td class="sig"> |
---|
499 | <a id="Ext.Layer-appendTo"></a> |
---|
500 | <b>appendTo</b>( <code>Mixed el</code> ) : Ext.Element <div class="mdesc"> |
---|
501 | <div class="short">Appends this element to the passed element</div> |
---|
502 | <div class="long"> |
---|
503 | Appends this element to the passed element <div class="mdetail-params"> |
---|
504 | <strong>Parameters:</strong> |
---|
505 | <ul><li><code>el</code> : Mixed<div class="sub-desc">The new parent element</div></li> </ul> |
---|
506 | <strong>Returns:</strong> |
---|
507 | <ul> |
---|
508 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
509 | </ul> |
---|
510 | </div> |
---|
511 | </div> |
---|
512 | </div> |
---|
513 | </td> |
---|
514 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#appendTo" href="output/Ext.Element.html#appendTo">Element</a></td> |
---|
515 | </tr> |
---|
516 | <tr class="method-row inherited alt expandable"> |
---|
517 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
518 | <td class="sig"> |
---|
519 | <a id="Ext.Layer-applyStyles"></a> |
---|
520 | <b>applyStyles</b>( <code>String/Object/Function styles</code> ) : Ext.Element <div class="mdesc"> |
---|
521 | <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> |
---|
522 | <div class="long"> |
---|
523 | 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"> |
---|
524 | <strong>Parameters:</strong> |
---|
525 | <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 |
---|
526 | a function which returns such a specification.</div></li> </ul> |
---|
527 | <strong>Returns:</strong> |
---|
528 | <ul> |
---|
529 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
530 | </ul> |
---|
531 | </div> |
---|
532 | </div> |
---|
533 | </div> |
---|
534 | </td> |
---|
535 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#applyStyles" href="output/Ext.Element.html#applyStyles">Element</a></td> |
---|
536 | </tr> |
---|
537 | <tr class="method-row inherited expandable"> |
---|
538 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
539 | <td class="sig"> |
---|
540 | <a id="Ext.Layer-autoHeight"></a> |
---|
541 | <b>autoHeight</b>( <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> ) : Ext.Element <div class="mdesc"> |
---|
542 | <div class="short">Measures the element's content height and updates height to match. Note: this function uses setTimeout so |
---|
543 | the new hei...</div> |
---|
544 | <div class="long"> |
---|
545 | Measures the element's content height and updates height to match. Note: this function uses setTimeout so |
---|
546 | the new height may not be available immediately. <div class="mdetail-params"> |
---|
547 | <strong>Parameters:</strong> |
---|
548 | <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> |
---|
549 | <strong>Returns:</strong> |
---|
550 | <ul> |
---|
551 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
552 | </ul> |
---|
553 | </div> |
---|
554 | </div> |
---|
555 | </div> |
---|
556 | </td> |
---|
557 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#autoHeight" href="output/Ext.Element.html#autoHeight">Element</a></td> |
---|
558 | </tr> |
---|
559 | <tr class="method-row inherited alt expandable"> |
---|
560 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
561 | <td class="sig"> |
---|
562 | <a id="Ext.Layer-blur"></a> |
---|
563 | <b>blur</b>() : Ext.Element <div class="mdesc"> |
---|
564 | <div class="short">Tries to blur the element. Any exceptions are caught and ignored.</div> |
---|
565 | <div class="long"> |
---|
566 | Tries to blur the element. Any exceptions are caught and ignored. <div class="mdetail-params"> |
---|
567 | <strong>Parameters:</strong> |
---|
568 | <ul><li>None.</li> </ul> |
---|
569 | <strong>Returns:</strong> |
---|
570 | <ul> |
---|
571 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
572 | </ul> |
---|
573 | </div> |
---|
574 | </div> |
---|
575 | </div> |
---|
576 | </td> |
---|
577 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#blur" href="output/Ext.Element.html#blur">Element</a></td> |
---|
578 | </tr> |
---|
579 | <tr class="method-row inherited expandable"> |
---|
580 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
581 | <td class="sig"> |
---|
582 | <a id="Ext.Layer-boxWrap"></a> |
---|
583 | <b>boxWrap</b>( <span class="optional" title="Optional">[<code>String class</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
584 | <div class="short">Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a |
---|
585 | gradie...</div> |
---|
586 | <div class="long"> |
---|
587 | Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a |
---|
588 | gradient background, rounded corners and a 4-way shadow. Example usage: |
---|
589 | <pre><code> |
---|
590 | // Basic box wrap |
---|
591 | Ext.get("foo").boxWrap(); |
---|
592 | |
---|
593 | // You can also add a custom class and use CSS inheritance rules to customize the box look. |
---|
594 | // 'x-box-blue' is a built-in alternative -- look at the related CSS definitions as an example |
---|
595 | // for how to create a custom box wrap style. |
---|
596 | Ext.get("foo").boxWrap().addClass("x-box-blue");</pre></code> <div class="mdetail-params"> |
---|
597 | <strong>Parameters:</strong> |
---|
598 | <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'). |
---|
599 | Note that there are a number of CSS rules that are dependent on this name to make the overall effect work, |
---|
600 | so if you supply an alternate base class, make sure you also supply all of the necessary rules.</div></li> </ul> |
---|
601 | <strong>Returns:</strong> |
---|
602 | <ul> |
---|
603 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
604 | </ul> |
---|
605 | </div> |
---|
606 | </div> |
---|
607 | </div> |
---|
608 | </td> |
---|
609 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#boxWrap" href="output/Ext.Element.html#boxWrap">Element</a></td> |
---|
610 | </tr> |
---|
611 | <tr class="method-row inherited alt expandable"> |
---|
612 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
613 | <td class="sig"> |
---|
614 | <a id="Ext.Layer-center"></a> |
---|
615 | <b>center</b>( <span class="optional" title="Optional">[<code>Mixed centerIn</code>]</span> ) : void <div class="mdesc"> |
---|
616 | <div class="short">Centers the Element in either the viewport, or another Element.</div> |
---|
617 | <div class="long"> |
---|
618 | Centers the Element in either the viewport, or another Element. <div class="mdetail-params"> |
---|
619 | <strong>Parameters:</strong> |
---|
620 | <ul><li><code>centerIn</code> : Mixed<div class="sub-desc">(optional) The element in which to center the element.</div></li> </ul> |
---|
621 | <strong>Returns:</strong> |
---|
622 | <ul> |
---|
623 | <li><code>void</code></li> |
---|
624 | </ul> |
---|
625 | </div> |
---|
626 | </div> |
---|
627 | </div> |
---|
628 | </td> |
---|
629 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#center" href="output/Ext.Element.html#center">Element</a></td> |
---|
630 | </tr> |
---|
631 | <tr class="method-row inherited expandable"> |
---|
632 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
633 | <td class="sig"> |
---|
634 | <a id="Ext.Layer-child"></a> |
---|
635 | <b>child</b>( <code>String selector</code>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : HTMLElement/Ext.Element <div class="mdesc"> |
---|
636 | <div class="short">Selects a single child at any depth below this element based on the passed CSS selector (the selector should not cont...</div> |
---|
637 | <div class="long"> |
---|
638 | Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id). <div class="mdetail-params"> |
---|
639 | <strong>Parameters:</strong> |
---|
640 | <ul><li><code>selector</code> : String<div class="sub-desc">The CSS selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return the DOM node instead of Ext.Element (defaults to false)</div></li> </ul> |
---|
641 | <strong>Returns:</strong> |
---|
642 | <ul> |
---|
643 | <li><code>HTMLElement/Ext.Element</code><div class="sub-desc">The child Ext.Element (or DOM node if returnDom = true)</div></li> |
---|
644 | </ul> |
---|
645 | </div> |
---|
646 | </div> |
---|
647 | </div> |
---|
648 | </td> |
---|
649 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#child" href="output/Ext.Element.html#child">Element</a></td> |
---|
650 | </tr> |
---|
651 | <tr class="method-row inherited alt expandable"> |
---|
652 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
653 | <td class="sig"> |
---|
654 | <a id="Ext.Layer-clean"></a> |
---|
655 | <b>clean</b>( <span class="optional" title="Optional">[<code>Boolean forceReclean</code>]</span> ) : void <div class="mdesc"> |
---|
656 | <div class="short">Removes worthless text nodes</div> |
---|
657 | <div class="long"> |
---|
658 | Removes worthless text nodes <div class="mdetail-params"> |
---|
659 | <strong>Parameters:</strong> |
---|
660 | <ul><li><code>forceReclean</code> : Boolean<div class="sub-desc">(optional) By default the element |
---|
661 | keeps track if it has been cleaned already so |
---|
662 | you can call this over and over. However, if you update the element and |
---|
663 | need to force a reclean, you can pass true.</div></li> </ul> |
---|
664 | <strong>Returns:</strong> |
---|
665 | <ul> |
---|
666 | <li><code>void</code></li> |
---|
667 | </ul> |
---|
668 | </div> |
---|
669 | </div> |
---|
670 | </div> |
---|
671 | </td> |
---|
672 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#clean" href="output/Ext.Element.html#clean">Element</a></td> |
---|
673 | </tr> |
---|
674 | <tr class="method-row inherited expandable"> |
---|
675 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
676 | <td class="sig"> |
---|
677 | <a id="Ext.Layer-clearOpacity"></a> |
---|
678 | <b>clearOpacity</b>() : Ext.Element <div class="mdesc"> |
---|
679 | <div class="short">Clears any opacity settings from this element. Required in some cases for IE.</div> |
---|
680 | <div class="long"> |
---|
681 | Clears any opacity settings from this element. Required in some cases for IE. <div class="mdetail-params"> |
---|
682 | <strong>Parameters:</strong> |
---|
683 | <ul><li>None.</li> </ul> |
---|
684 | <strong>Returns:</strong> |
---|
685 | <ul> |
---|
686 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
687 | </ul> |
---|
688 | </div> |
---|
689 | </div> |
---|
690 | </div> |
---|
691 | </td> |
---|
692 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#clearOpacity" href="output/Ext.Element.html#clearOpacity">Element</a></td> |
---|
693 | </tr> |
---|
694 | <tr class="method-row inherited alt expandable"> |
---|
695 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
696 | <td class="sig"> |
---|
697 | <a id="Ext.Layer-clearPositioning"></a> |
---|
698 | <b>clearPositioning</b>( <span class="optional" title="Optional">[<code>String value</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
699 | <div class="short">Clear positioning back to the default when the document was loaded</div> |
---|
700 | <div class="long"> |
---|
701 | Clear positioning back to the default when the document was loaded <div class="mdetail-params"> |
---|
702 | <strong>Parameters:</strong> |
---|
703 | <ul><li><code>value</code> : String<div class="sub-desc">(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.</div></li> </ul> |
---|
704 | <strong>Returns:</strong> |
---|
705 | <ul> |
---|
706 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
707 | </ul> |
---|
708 | </div> |
---|
709 | </div> |
---|
710 | </div> |
---|
711 | </td> |
---|
712 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#clearPositioning" href="output/Ext.Element.html#clearPositioning">Element</a></td> |
---|
713 | </tr> |
---|
714 | <tr class="method-row inherited expandable"> |
---|
715 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
716 | <td class="sig"> |
---|
717 | <a id="Ext.Layer-clip"></a> |
---|
718 | <b>clip</b>() : Ext.Element <div class="mdesc"> |
---|
719 | <div class="short">Store the current overflow setting and clip overflow on the element - use <a ext:cls="Ext.Element" ext:member="unclip" href="output/Ext.Element.html#unclip">unclip</a> to remove</div> |
---|
720 | <div class="long"> |
---|
721 | Store the current overflow setting and clip overflow on the element - use <a ext:cls="Ext.Element" ext:member="unclip" href="output/Ext.Element.html#unclip">unclip</a> to remove <div class="mdetail-params"> |
---|
722 | <strong>Parameters:</strong> |
---|
723 | <ul><li>None.</li> </ul> |
---|
724 | <strong>Returns:</strong> |
---|
725 | <ul> |
---|
726 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
727 | </ul> |
---|
728 | </div> |
---|
729 | </div> |
---|
730 | </div> |
---|
731 | </td> |
---|
732 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#clip" href="output/Ext.Element.html#clip">Element</a></td> |
---|
733 | </tr> |
---|
734 | <tr class="method-row inherited alt expandable"> |
---|
735 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
736 | <td class="sig"> |
---|
737 | <a id="Ext.Layer-contains"></a> |
---|
738 | <b>contains</b>( <code>HTMLElement/String el</code> ) : Boolean <div class="mdesc"> |
---|
739 | <div class="short">Returns true if this element is an ancestor of the passed element</div> |
---|
740 | <div class="long"> |
---|
741 | Returns true if this element is an ancestor of the passed element <div class="mdetail-params"> |
---|
742 | <strong>Parameters:</strong> |
---|
743 | <ul><li><code>el</code> : HTMLElement/String<div class="sub-desc">The element to check</div></li> </ul> |
---|
744 | <strong>Returns:</strong> |
---|
745 | <ul> |
---|
746 | <li><code>Boolean</code><div class="sub-desc">True if this element is an ancestor of el, else false</div></li> |
---|
747 | </ul> |
---|
748 | </div> |
---|
749 | </div> |
---|
750 | </div> |
---|
751 | </td> |
---|
752 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#contains" href="output/Ext.Element.html#contains">Element</a></td> |
---|
753 | </tr> |
---|
754 | <tr class="method-row inherited expandable"> |
---|
755 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
756 | <td class="sig"> |
---|
757 | <a id="Ext.Layer-createChild"></a> |
---|
758 | <b>createChild</b>( <code>Object config</code>, <span class="optional" title="Optional">[<code>HTMLElement insertBefore</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
759 | <div class="short">Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e...</div> |
---|
760 | <div class="long"> |
---|
761 | Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element. <div class="mdetail-params"> |
---|
762 | <strong>Parameters:</strong> |
---|
763 | <ul><li><code>config</code> : Object<div class="sub-desc">DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be |
---|
764 | automatically generated with the specified attributes.</div></li><li><code>insertBefore</code> : HTMLElement<div class="sub-desc">(optional) a child element of this element</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) true to return the dom node instead of creating an Element</div></li> </ul> |
---|
765 | <strong>Returns:</strong> |
---|
766 | <ul> |
---|
767 | <li><code>Ext.Element</code><div class="sub-desc">The new child element</div></li> |
---|
768 | </ul> |
---|
769 | </div> |
---|
770 | </div> |
---|
771 | </div> |
---|
772 | </td> |
---|
773 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#createChild" href="output/Ext.Element.html#createChild">Element</a></td> |
---|
774 | </tr> |
---|
775 | <tr class="method-row inherited alt expandable"> |
---|
776 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
777 | <td class="sig"> |
---|
778 | <a id="Ext.Layer-createProxy"></a> |
---|
779 | <b>createProxy</b>( <code>String/Object config</code>, <span class="optional" title="Optional">[<code>String/HTMLElement renderTo</code>]</span>, <span class="optional" title="Optional">[<code>Boolean matchBox</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
780 | <div class="short">Creates a proxy element of this element</div> |
---|
781 | <div class="long"> |
---|
782 | Creates a proxy element of this element <div class="mdetail-params"> |
---|
783 | <strong>Parameters:</strong> |
---|
784 | <ul><li><code>config</code> : String/Object<div class="sub-desc">The class name of the proxy element or a DomHelper config object</div></li><li><code>renderTo</code> : String/HTMLElement<div class="sub-desc">(optional) The element or element id to render the proxy to (defaults to document.body)</div></li><li><code>matchBox</code> : Boolean<div class="sub-desc">(optional) True to align and size the proxy to this element now (defaults to false)</div></li> </ul> |
---|
785 | <strong>Returns:</strong> |
---|
786 | <ul> |
---|
787 | <li><code>Ext.Element</code><div class="sub-desc">The new proxy element</div></li> |
---|
788 | </ul> |
---|
789 | </div> |
---|
790 | </div> |
---|
791 | </div> |
---|
792 | </td> |
---|
793 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#createProxy" href="output/Ext.Element.html#createProxy">Element</a></td> |
---|
794 | </tr> |
---|
795 | <tr class="method-row inherited expandable"> |
---|
796 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
797 | <td class="sig"> |
---|
798 | <a id="Ext.Layer-createShim"></a> |
---|
799 | <b>createShim</b>() : Ext.Element <div class="mdesc"> |
---|
800 | <div class="short">Creates an iframe shim for this element to keep selects and other windowed objects from |
---|
801 | showing through.</div> |
---|
802 | <div class="long"> |
---|
803 | Creates an iframe shim for this element to keep selects and other windowed objects from |
---|
804 | showing through. <div class="mdetail-params"> |
---|
805 | <strong>Parameters:</strong> |
---|
806 | <ul><li>None.</li> </ul> |
---|
807 | <strong>Returns:</strong> |
---|
808 | <ul> |
---|
809 | <li><code>Ext.Element</code><div class="sub-desc">The new shim element</div></li> |
---|
810 | </ul> |
---|
811 | </div> |
---|
812 | </div> |
---|
813 | </div> |
---|
814 | </td> |
---|
815 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#createShim" href="output/Ext.Element.html#createShim">Element</a></td> |
---|
816 | </tr> |
---|
817 | <tr class="method-row inherited alt expandable"> |
---|
818 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
819 | <td class="sig"> |
---|
820 | <a id="Ext.Layer-down"></a> |
---|
821 | <b>down</b>( <code>String selector</code>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : HTMLElement/Ext.Element <div class="mdesc"> |
---|
822 | <div class="short">Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).</div> |
---|
823 | <div class="long"> |
---|
824 | Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id). <div class="mdetail-params"> |
---|
825 | <strong>Parameters:</strong> |
---|
826 | <ul><li><code>selector</code> : String<div class="sub-desc">The CSS selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return the DOM node instead of Ext.Element (defaults to false)</div></li> </ul> |
---|
827 | <strong>Returns:</strong> |
---|
828 | <ul> |
---|
829 | <li><code>HTMLElement/Ext.Element</code><div class="sub-desc">The child Ext.Element (or DOM node if returnDom = true)</div></li> |
---|
830 | </ul> |
---|
831 | </div> |
---|
832 | </div> |
---|
833 | </div> |
---|
834 | </td> |
---|
835 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#down" href="output/Ext.Element.html#down">Element</a></td> |
---|
836 | </tr> |
---|
837 | <tr class="method-row inherited expandable"> |
---|
838 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
839 | <td class="sig"> |
---|
840 | <a id="Ext.Layer-enableDisplayMode"></a> |
---|
841 | <b>enableDisplayMode</b>( <span class="optional" title="Optional">[<code>String display</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
842 | <div class="short">Convenience method for setVisibilityMode(Element.DISPLAY)</div> |
---|
843 | <div class="long"> |
---|
844 | Convenience method for setVisibilityMode(Element.DISPLAY) <div class="mdetail-params"> |
---|
845 | <strong>Parameters:</strong> |
---|
846 | <ul><li><code>display</code> : String<div class="sub-desc">(optional) What to set display to when visible</div></li> </ul> |
---|
847 | <strong>Returns:</strong> |
---|
848 | <ul> |
---|
849 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
850 | </ul> |
---|
851 | </div> |
---|
852 | </div> |
---|
853 | </div> |
---|
854 | </td> |
---|
855 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#enableDisplayMode" href="output/Ext.Element.html#enableDisplayMode">Element</a></td> |
---|
856 | </tr> |
---|
857 | <tr class="method-row inherited alt expandable"> |
---|
858 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
859 | <td class="sig"> |
---|
860 | <a id="Ext.Layer-findParent"></a> |
---|
861 | <b>findParent</b>( <code>String selector</code>, <span class="optional" title="Optional">[<code>Number/Mixed maxDepth</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnEl</code>]</span> ) : HTMLElement <div class="mdesc"> |
---|
862 | <div class="short">Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:fi...</div> |
---|
863 | <div class="long"> |
---|
864 | Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child) <div class="mdetail-params"> |
---|
865 | <strong>Parameters:</strong> |
---|
866 | <ul><li><code>selector</code> : String<div class="sub-desc">The simple selector to test</div></li><li><code>maxDepth</code> : Number/Mixed<div class="sub-desc">(optional) The max depth to |
---|
867 | search as a number or element (defaults to 10 || document.body)</div></li><li><code>returnEl</code> : Boolean<div class="sub-desc">(optional) True to return a Ext.Element object instead of DOM node</div></li> </ul> |
---|
868 | <strong>Returns:</strong> |
---|
869 | <ul> |
---|
870 | <li><code>HTMLElement</code><div class="sub-desc">The matching DOM node (or null if no match was found)</div></li> |
---|
871 | </ul> |
---|
872 | </div> |
---|
873 | </div> |
---|
874 | </div> |
---|
875 | </td> |
---|
876 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#findParent" href="output/Ext.Element.html#findParent">Element</a></td> |
---|
877 | </tr> |
---|
878 | <tr class="method-row inherited expandable"> |
---|
879 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
880 | <td class="sig"> |
---|
881 | <a id="Ext.Layer-findParentNode"></a> |
---|
882 | <b>findParentNode</b>( <code>String selector</code>, <span class="optional" title="Optional">[<code>Number/Mixed maxDepth</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnEl</code>]</span> ) : HTMLElement <div class="mdesc"> |
---|
883 | <div class="short">Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)</div> |
---|
884 | <div class="long"> |
---|
885 | Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child) <div class="mdetail-params"> |
---|
886 | <strong>Parameters:</strong> |
---|
887 | <ul><li><code>selector</code> : String<div class="sub-desc">The simple selector to test</div></li><li><code>maxDepth</code> : Number/Mixed<div class="sub-desc">(optional) The max depth to |
---|
888 | search as a number or element (defaults to 10 || document.body)</div></li><li><code>returnEl</code> : Boolean<div class="sub-desc">(optional) True to return a Ext.Element object instead of DOM node</div></li> </ul> |
---|
889 | <strong>Returns:</strong> |
---|
890 | <ul> |
---|
891 | <li><code>HTMLElement</code><div class="sub-desc">The matching DOM node (or null if no match was found)</div></li> |
---|
892 | </ul> |
---|
893 | </div> |
---|
894 | </div> |
---|
895 | </div> |
---|
896 | </td> |
---|
897 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#findParentNode" href="output/Ext.Element.html#findParentNode">Element</a></td> |
---|
898 | </tr> |
---|
899 | <tr class="method-row inherited alt expandable"> |
---|
900 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
901 | <td class="sig"> |
---|
902 | <a id="Ext.Layer-first"></a> |
---|
903 | <b>first</b>( <span class="optional" title="Optional">[<code>String selector</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : Ext.Element/HTMLElement <div class="mdesc"> |
---|
904 | <div class="short">Gets the first child, skipping text nodes</div> |
---|
905 | <div class="long"> |
---|
906 | Gets the first child, skipping text nodes <div class="mdetail-params"> |
---|
907 | <strong>Parameters:</strong> |
---|
908 | <ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find the next sibling that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li> </ul> |
---|
909 | <strong>Returns:</strong> |
---|
910 | <ul> |
---|
911 | <li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The first child or null</div></li> |
---|
912 | </ul> |
---|
913 | </div> |
---|
914 | </div> |
---|
915 | </div> |
---|
916 | </td> |
---|
917 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#first" href="output/Ext.Element.html#first">Element</a></td> |
---|
918 | </tr> |
---|
919 | <tr class="method-row inherited expandable"> |
---|
920 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
921 | <td class="sig"> |
---|
922 | <a id="Ext.Layer-focus"></a> |
---|
923 | <b>focus</b>() : Ext.Element <div class="mdesc"> |
---|
924 | <div class="short">Tries to focus the element. Any exceptions are caught and ignored.</div> |
---|
925 | <div class="long"> |
---|
926 | Tries to focus the element. Any exceptions are caught and ignored. <div class="mdetail-params"> |
---|
927 | <strong>Parameters:</strong> |
---|
928 | <ul><li>None.</li> </ul> |
---|
929 | <strong>Returns:</strong> |
---|
930 | <ul> |
---|
931 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
932 | </ul> |
---|
933 | </div> |
---|
934 | </div> |
---|
935 | </div> |
---|
936 | </td> |
---|
937 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#focus" href="output/Ext.Element.html#focus">Element</a></td> |
---|
938 | </tr> |
---|
939 | <tr class="method-row inherited alt expandable"> |
---|
940 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
941 | <td class="sig"> |
---|
942 | <a id="Ext.Layer-getAlignToXY"></a> |
---|
943 | <b>getAlignToXY</b>( <code>Mixed element</code>, <code>String position</code>, <span class="optional" title="Optional">[<code>Array offsets</code>]</span> ) : Array <div class="mdesc"> |
---|
944 | <div class="short">Gets the x,y coordinates to align this element with another element. See alignTo for more info on the |
---|
945 | supported posit...</div> |
---|
946 | <div class="long"> |
---|
947 | Gets the x,y coordinates to align this element with another element. See <a ext:cls="Ext.Element" ext:member="alignTo" href="output/Ext.Element.html#alignTo">alignTo</a> for more info on the |
---|
948 | supported position values. <div class="mdetail-params"> |
---|
949 | <strong>Parameters:</strong> |
---|
950 | <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> </ul> |
---|
951 | <strong>Returns:</strong> |
---|
952 | <ul> |
---|
953 | <li><code>Array</code><div class="sub-desc">[x, y]</div></li> |
---|
954 | </ul> |
---|
955 | </div> |
---|
956 | </div> |
---|
957 | </div> |
---|
958 | </td> |
---|
959 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getAlignToXY" href="output/Ext.Element.html#getAlignToXY">Element</a></td> |
---|
960 | </tr> |
---|
961 | <tr class="method-row inherited expandable"> |
---|
962 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
963 | <td class="sig"> |
---|
964 | <a id="Ext.Layer-getAnchorXY"></a> |
---|
965 | <b>getAnchorXY</b>( <span class="optional" title="Optional">[<code>String anchor</code>]</span>, <span class="optional" title="Optional">[<code>Boolean local</code>]</span>, <span class="optional" title="Optional">[<code>Object size</code>]</span> ) : Array <div class="mdesc"> |
---|
966 | <div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div> |
---|
967 | <div class="long"> |
---|
968 | Gets the x,y coordinates specified by the anchor position on the element. <div class="mdetail-params"> |
---|
969 | <strong>Parameters:</strong> |
---|
970 | <ul><li><code>anchor</code> : String<div class="sub-desc">(optional) The specified anchor position (defaults to "c"). See <a ext:cls="Ext.Element" ext:member="alignTo" href="output/Ext.Element.html#alignTo">alignTo</a> |
---|
971 | for details on supported anchor positions.</div></li><li><code>local</code> : Boolean<div class="sub-desc">(optional) True to get the local (element top/left-relative) anchor position instead |
---|
972 | of page coordinates</div></li><li><code>size</code> : Object<div class="sub-desc">(optional) An object containing the size to use for calculating anchor position |
---|
973 | {width: (target width), height: (target height)} (defaults to the element's current size)</div></li> </ul> |
---|
974 | <strong>Returns:</strong> |
---|
975 | <ul> |
---|
976 | <li><code>Array</code><div class="sub-desc">[x, y] An array containing the element's x and y coordinates</div></li> |
---|
977 | </ul> |
---|
978 | </div> |
---|
979 | </div> |
---|
980 | </div> |
---|
981 | </td> |
---|
982 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getAnchorXY" href="output/Ext.Element.html#getAnchorXY">Element</a></td> |
---|
983 | </tr> |
---|
984 | <tr class="method-row inherited alt expandable"> |
---|
985 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
986 | <td class="sig"> |
---|
987 | <a id="Ext.Layer-getAttributeNS"></a> |
---|
988 | <b>getAttributeNS</b>( <code>String namespace</code>, <code>String name</code> ) : String <div class="mdesc"> |
---|
989 | <div class="short">Returns the value of a namespaced attribute from the element's underlying DOM node.</div> |
---|
990 | <div class="long"> |
---|
991 | Returns the value of a namespaced attribute from the element's underlying DOM node. <div class="mdetail-params"> |
---|
992 | <strong>Parameters:</strong> |
---|
993 | <ul><li><code>namespace</code> : String<div class="sub-desc">The namespace in which to look for the attribute</div></li><li><code>name</code> : String<div class="sub-desc">The attribute name</div></li> </ul> |
---|
994 | <strong>Returns:</strong> |
---|
995 | <ul> |
---|
996 | <li><code>String</code><div class="sub-desc">The attribute value</div></li> |
---|
997 | </ul> |
---|
998 | </div> |
---|
999 | </div> |
---|
1000 | </div> |
---|
1001 | </td> |
---|
1002 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getAttributeNS" href="output/Ext.Element.html#getAttributeNS">Element</a></td> |
---|
1003 | </tr> |
---|
1004 | <tr class="method-row inherited expandable"> |
---|
1005 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1006 | <td class="sig"> |
---|
1007 | <a id="Ext.Layer-getBorderWidth"></a> |
---|
1008 | <b>getBorderWidth</b>( <code>String side</code> ) : Number <div class="mdesc"> |
---|
1009 | <div class="short">Gets the width of the border(s) for the specified side(s)</div> |
---|
1010 | <div class="long"> |
---|
1011 | Gets the width of the border(s) for the specified side(s) <div class="mdetail-params"> |
---|
1012 | <strong>Parameters:</strong> |
---|
1013 | <ul><li><code>side</code> : String<div class="sub-desc">Can be t, l, r, b or any combination of those to add multiple values. For example, |
---|
1014 | passing lr would get the border (l)eft width + the border (r)ight width.</div></li> </ul> |
---|
1015 | <strong>Returns:</strong> |
---|
1016 | <ul> |
---|
1017 | <li><code>Number</code><div class="sub-desc">The width of the sides passed added together</div></li> |
---|
1018 | </ul> |
---|
1019 | </div> |
---|
1020 | </div> |
---|
1021 | </div> |
---|
1022 | </td> |
---|
1023 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getBorderWidth" href="output/Ext.Element.html#getBorderWidth">Element</a></td> |
---|
1024 | </tr> |
---|
1025 | <tr class="method-row inherited alt expandable"> |
---|
1026 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1027 | <td class="sig"> |
---|
1028 | <a id="Ext.Layer-getBottom"></a> |
---|
1029 | <b>getBottom</b>( <code>Boolean local</code> ) : Number <div class="mdesc"> |
---|
1030 | <div class="short">Gets the bottom Y coordinate of the element (element Y position + element height)</div> |
---|
1031 | <div class="long"> |
---|
1032 | Gets the bottom Y coordinate of the element (element Y position + element height) <div class="mdetail-params"> |
---|
1033 | <strong>Parameters:</strong> |
---|
1034 | <ul><li><code>local</code> : Boolean<div class="sub-desc">True to get the local css position instead of page coordinate</div></li> </ul> |
---|
1035 | <strong>Returns:</strong> |
---|
1036 | <ul> |
---|
1037 | <li><code>Number</code></li> |
---|
1038 | </ul> |
---|
1039 | </div> |
---|
1040 | </div> |
---|
1041 | </div> |
---|
1042 | </td> |
---|
1043 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getBottom" href="output/Ext.Element.html#getBottom">Element</a></td> |
---|
1044 | </tr> |
---|
1045 | <tr class="method-row inherited expandable"> |
---|
1046 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1047 | <td class="sig"> |
---|
1048 | <a id="Ext.Layer-getBox"></a> |
---|
1049 | <b>getBox</b>( <span class="optional" title="Optional">[<code>Boolean contentBox</code>]</span>, <span class="optional" title="Optional">[<code>Boolean local</code>]</span> ) : Object <div class="mdesc"> |
---|
1050 | <div class="short">Return a box {x, y, width, height} that can be used to set another elements |
---|
1051 | size/location to match this element.</div> |
---|
1052 | <div class="long"> |
---|
1053 | Return a box {x, y, width, height} that can be used to set another elements |
---|
1054 | size/location to match this element. <div class="mdetail-params"> |
---|
1055 | <strong>Parameters:</strong> |
---|
1056 | <ul><li><code>contentBox</code> : Boolean<div class="sub-desc">(optional) If true a box for the content of the element is returned.</div></li><li><code>local</code> : Boolean<div class="sub-desc">(optional) If true the element's left and top are returned instead of page x/y.</div></li> </ul> |
---|
1057 | <strong>Returns:</strong> |
---|
1058 | <ul> |
---|
1059 | <li><code>Object</code><div class="sub-desc">box An object in the format {x, y, width, height}</div></li> |
---|
1060 | </ul> |
---|
1061 | </div> |
---|
1062 | </div> |
---|
1063 | </div> |
---|
1064 | </td> |
---|
1065 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getBox" href="output/Ext.Element.html#getBox">Element</a></td> |
---|
1066 | </tr> |
---|
1067 | <tr class="method-row inherited alt expandable"> |
---|
1068 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1069 | <td class="sig"> |
---|
1070 | <a id="Ext.Layer-getCenterXY"></a> |
---|
1071 | <b>getCenterXY</b>() : Array <div class="mdesc"> |
---|
1072 | <div class="short">Calculates the x, y to center this element on the screen</div> |
---|
1073 | <div class="long"> |
---|
1074 | Calculates the x, y to center this element on the screen <div class="mdetail-params"> |
---|
1075 | <strong>Parameters:</strong> |
---|
1076 | <ul><li>None.</li> </ul> |
---|
1077 | <strong>Returns:</strong> |
---|
1078 | <ul> |
---|
1079 | <li><code>Array</code><div class="sub-desc">The x, y values [x, y]</div></li> |
---|
1080 | </ul> |
---|
1081 | </div> |
---|
1082 | </div> |
---|
1083 | </div> |
---|
1084 | </td> |
---|
1085 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getCenterXY" href="output/Ext.Element.html#getCenterXY">Element</a></td> |
---|
1086 | </tr> |
---|
1087 | <tr class="method-row inherited expandable"> |
---|
1088 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1089 | <td class="sig"> |
---|
1090 | <a id="Ext.Layer-getColor"></a> |
---|
1091 | <b>getColor</b>( <code>String attr</code>, <code>String defaultValue</code>, <span class="optional" title="Optional">[<code>String prefix</code>]</span> ) : void <div class="mdesc"> |
---|
1092 | <div class="short">Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values |
---|
1093 | are convert to standa...</div> |
---|
1094 | <div class="long"> |
---|
1095 | Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values |
---|
1096 | are convert to standard 6 digit hex color. <div class="mdetail-params"> |
---|
1097 | <strong>Parameters:</strong> |
---|
1098 | <ul><li><code>attr</code> : String<div class="sub-desc">The css attribute</div></li><li><code>defaultValue</code> : String<div class="sub-desc">The default value to use when a valid color isn't found</div></li><li><code>prefix</code> : String<div class="sub-desc">(optional) defaults to #. Use an empty string when working with |
---|
1099 | color anims.</div></li> </ul> |
---|
1100 | <strong>Returns:</strong> |
---|
1101 | <ul> |
---|
1102 | <li><code>void</code></li> |
---|
1103 | </ul> |
---|
1104 | </div> |
---|
1105 | </div> |
---|
1106 | </div> |
---|
1107 | </td> |
---|
1108 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getColor" href="output/Ext.Element.html#getColor">Element</a></td> |
---|
1109 | </tr> |
---|
1110 | <tr class="method-row inherited alt expandable"> |
---|
1111 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1112 | <td class="sig"> |
---|
1113 | <a id="Ext.Layer-getComputedHeight"></a> |
---|
1114 | <b>getComputedHeight</b>() : Number <div class="mdesc"> |
---|
1115 | <div class="short">Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders |
---|
1116 | when...</div> |
---|
1117 | <div class="long"> |
---|
1118 | Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders |
---|
1119 | when needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements |
---|
1120 | if a height has not been set using CSS. <div class="mdetail-params"> |
---|
1121 | <strong>Parameters:</strong> |
---|
1122 | <ul><li>None.</li> </ul> |
---|
1123 | <strong>Returns:</strong> |
---|
1124 | <ul> |
---|
1125 | <li><code>Number</code></li> |
---|
1126 | </ul> |
---|
1127 | </div> |
---|
1128 | </div> |
---|
1129 | </div> |
---|
1130 | </td> |
---|
1131 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getComputedHeight" href="output/Ext.Element.html#getComputedHeight">Element</a></td> |
---|
1132 | </tr> |
---|
1133 | <tr class="method-row inherited expandable"> |
---|
1134 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1135 | <td class="sig"> |
---|
1136 | <a id="Ext.Layer-getComputedWidth"></a> |
---|
1137 | <b>getComputedWidth</b>() : Number <div class="mdesc"> |
---|
1138 | <div class="short">Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders |
---|
1139 | when ne...</div> |
---|
1140 | <div class="long"> |
---|
1141 | Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders |
---|
1142 | when needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements |
---|
1143 | if a width has not been set using CSS. <div class="mdetail-params"> |
---|
1144 | <strong>Parameters:</strong> |
---|
1145 | <ul><li>None.</li> </ul> |
---|
1146 | <strong>Returns:</strong> |
---|
1147 | <ul> |
---|
1148 | <li><code>Number</code></li> |
---|
1149 | </ul> |
---|
1150 | </div> |
---|
1151 | </div> |
---|
1152 | </div> |
---|
1153 | </td> |
---|
1154 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getComputedWidth" href="output/Ext.Element.html#getComputedWidth">Element</a></td> |
---|
1155 | </tr> |
---|
1156 | <tr class="method-row inherited alt expandable"> |
---|
1157 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1158 | <td class="sig"> |
---|
1159 | <a id="Ext.Layer-getFrameWidth"></a> |
---|
1160 | <b>getFrameWidth</b>( <code>String sides</code> ) : Number <div class="mdesc"> |
---|
1161 | <div class="short">Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth() |
---|
1162 | for more informat...</div> |
---|
1163 | <div class="long"> |
---|
1164 | Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth() |
---|
1165 | for more information about the sides. <div class="mdetail-params"> |
---|
1166 | <strong>Parameters:</strong> |
---|
1167 | <ul><li><code>sides</code> : String<div class="sub-desc"></div></li> </ul> |
---|
1168 | <strong>Returns:</strong> |
---|
1169 | <ul> |
---|
1170 | <li><code>Number</code></li> |
---|
1171 | </ul> |
---|
1172 | </div> |
---|
1173 | </div> |
---|
1174 | </div> |
---|
1175 | </td> |
---|
1176 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getFrameWidth" href="output/Ext.Element.html#getFrameWidth">Element</a></td> |
---|
1177 | </tr> |
---|
1178 | <tr class="method-row inherited expandable"> |
---|
1179 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1180 | <td class="sig"> |
---|
1181 | <a id="Ext.Layer-getHeight"></a> |
---|
1182 | <b>getHeight</b>( <span class="optional" title="Optional">[<code>Boolean contentHeight</code>]</span> ) : Number <div class="mdesc"> |
---|
1183 | <div class="short">Returns the offset height of the element</div> |
---|
1184 | <div class="long"> |
---|
1185 | Returns the offset height of the element <div class="mdetail-params"> |
---|
1186 | <strong>Parameters:</strong> |
---|
1187 | <ul><li><code>contentHeight</code> : Boolean<div class="sub-desc">(optional) true to get the height minus borders and padding</div></li> </ul> |
---|
1188 | <strong>Returns:</strong> |
---|
1189 | <ul> |
---|
1190 | <li><code>Number</code><div class="sub-desc">The element's height</div></li> |
---|
1191 | </ul> |
---|
1192 | </div> |
---|
1193 | </div> |
---|
1194 | </div> |
---|
1195 | </td> |
---|
1196 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getHeight" href="output/Ext.Element.html#getHeight">Element</a></td> |
---|
1197 | </tr> |
---|
1198 | <tr class="method-row inherited alt expandable"> |
---|
1199 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1200 | <td class="sig"> |
---|
1201 | <a id="Ext.Layer-getLeft"></a> |
---|
1202 | <b>getLeft</b>( <code>Boolean local</code> ) : Number <div class="mdesc"> |
---|
1203 | <div class="short">Gets the left X coordinate</div> |
---|
1204 | <div class="long"> |
---|
1205 | Gets the left X coordinate <div class="mdetail-params"> |
---|
1206 | <strong>Parameters:</strong> |
---|
1207 | <ul><li><code>local</code> : Boolean<div class="sub-desc">True to get the local css position instead of page coordinate</div></li> </ul> |
---|
1208 | <strong>Returns:</strong> |
---|
1209 | <ul> |
---|
1210 | <li><code>Number</code></li> |
---|
1211 | </ul> |
---|
1212 | </div> |
---|
1213 | </div> |
---|
1214 | </div> |
---|
1215 | </td> |
---|
1216 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getLeft" href="output/Ext.Element.html#getLeft">Element</a></td> |
---|
1217 | </tr> |
---|
1218 | <tr class="method-row inherited expandable"> |
---|
1219 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1220 | <td class="sig"> |
---|
1221 | <a id="Ext.Layer-getMargins"></a> |
---|
1222 | <b>getMargins</b>( <span class="optional" title="Optional">[<code>String sides</code>]</span> ) : Object/Number <div class="mdesc"> |
---|
1223 | <div class="short">Returns an object with properties top, left, right and bottom representing the margins of this element unless sides i...</div> |
---|
1224 | <div class="long"> |
---|
1225 | Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed, |
---|
1226 | then it returns the calculated width of the sides (see getPadding) <div class="mdetail-params"> |
---|
1227 | <strong>Parameters:</strong> |
---|
1228 | <ul><li><code>sides</code> : String<div class="sub-desc">(optional) Any combination of l, r, t, b to get the sum of those sides</div></li> </ul> |
---|
1229 | <strong>Returns:</strong> |
---|
1230 | <ul> |
---|
1231 | <li><code>Object/Number</code></li> |
---|
1232 | </ul> |
---|
1233 | </div> |
---|
1234 | </div> |
---|
1235 | </div> |
---|
1236 | </td> |
---|
1237 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getMargins" href="output/Ext.Element.html#getMargins">Element</a></td> |
---|
1238 | </tr> |
---|
1239 | <tr class="method-row inherited alt expandable"> |
---|
1240 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1241 | <td class="sig"> |
---|
1242 | <a id="Ext.Layer-getOffsetsTo"></a> |
---|
1243 | <b>getOffsetsTo</b>( <code>Mixed element</code> ) : Array <div class="mdesc"> |
---|
1244 | <div class="short">Returns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have d...</div> |
---|
1245 | <div class="long"> |
---|
1246 | Returns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have display:none to have page coordinates. <div class="mdetail-params"> |
---|
1247 | <strong>Parameters:</strong> |
---|
1248 | <ul><li><code>element</code> : Mixed<div class="sub-desc">The element to get the offsets from.</div></li> </ul> |
---|
1249 | <strong>Returns:</strong> |
---|
1250 | <ul> |
---|
1251 | <li><code>Array</code><div class="sub-desc">The XY page offsets (e.g. [100, -200])</div></li> |
---|
1252 | </ul> |
---|
1253 | </div> |
---|
1254 | </div> |
---|
1255 | </div> |
---|
1256 | </td> |
---|
1257 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getOffsetsTo" href="output/Ext.Element.html#getOffsetsTo">Element</a></td> |
---|
1258 | </tr> |
---|
1259 | <tr class="method-row inherited expandable"> |
---|
1260 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1261 | <td class="sig"> |
---|
1262 | <a id="Ext.Layer-getPadding"></a> |
---|
1263 | <b>getPadding</b>( <code>String side</code> ) : Number <div class="mdesc"> |
---|
1264 | <div class="short">Gets the width of the padding(s) for the specified side(s)</div> |
---|
1265 | <div class="long"> |
---|
1266 | Gets the width of the padding(s) for the specified side(s) <div class="mdetail-params"> |
---|
1267 | <strong>Parameters:</strong> |
---|
1268 | <ul><li><code>side</code> : String<div class="sub-desc">Can be t, l, r, b or any combination of those to add multiple values. For example, |
---|
1269 | passing lr would get the padding (l)eft + the padding (r)ight.</div></li> </ul> |
---|
1270 | <strong>Returns:</strong> |
---|
1271 | <ul> |
---|
1272 | <li><code>Number</code><div class="sub-desc">The padding of the sides passed added together</div></li> |
---|
1273 | </ul> |
---|
1274 | </div> |
---|
1275 | </div> |
---|
1276 | </div> |
---|
1277 | </td> |
---|
1278 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getPadding" href="output/Ext.Element.html#getPadding">Element</a></td> |
---|
1279 | </tr> |
---|
1280 | <tr class="method-row inherited alt expandable"> |
---|
1281 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1282 | <td class="sig"> |
---|
1283 | <a id="Ext.Layer-getPositioning"></a> |
---|
1284 | <b>getPositioning</b>() : Object <div class="mdesc"> |
---|
1285 | <div class="short">Gets an object with all CSS positioning properties. Useful along with setPostioning to get |
---|
1286 | snapshot before performing...</div> |
---|
1287 | <div class="long"> |
---|
1288 | Gets an object with all CSS positioning properties. Useful along with setPostioning to get |
---|
1289 | snapshot before performing an update and then restoring the element. <div class="mdetail-params"> |
---|
1290 | <strong>Parameters:</strong> |
---|
1291 | <ul><li>None.</li> </ul> |
---|
1292 | <strong>Returns:</strong> |
---|
1293 | <ul> |
---|
1294 | <li><code>Object</code></li> |
---|
1295 | </ul> |
---|
1296 | </div> |
---|
1297 | </div> |
---|
1298 | </div> |
---|
1299 | </td> |
---|
1300 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getPositioning" href="output/Ext.Element.html#getPositioning">Element</a></td> |
---|
1301 | </tr> |
---|
1302 | <tr class="method-row inherited expandable"> |
---|
1303 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1304 | <td class="sig"> |
---|
1305 | <a id="Ext.Layer-getRegion"></a> |
---|
1306 | <b>getRegion</b>() : Region <div class="mdesc"> |
---|
1307 | <div class="short">Returns the region of the given element. |
---|
1308 | The element must be part of the DOM tree to have a region (display:none or e...</div> |
---|
1309 | <div class="long"> |
---|
1310 | Returns the region of the given element. |
---|
1311 | The element must be part of the DOM tree to have a region (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
1312 | <strong>Parameters:</strong> |
---|
1313 | <ul><li>None.</li> </ul> |
---|
1314 | <strong>Returns:</strong> |
---|
1315 | <ul> |
---|
1316 | <li><code>Region</code><div class="sub-desc">A Ext.lib.Region containing "top, left, bottom, right" member data.</div></li> |
---|
1317 | </ul> |
---|
1318 | </div> |
---|
1319 | </div> |
---|
1320 | </div> |
---|
1321 | </td> |
---|
1322 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getRegion" href="output/Ext.Element.html#getRegion">Element</a></td> |
---|
1323 | </tr> |
---|
1324 | <tr class="method-row inherited alt expandable"> |
---|
1325 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1326 | <td class="sig"> |
---|
1327 | <a id="Ext.Layer-getRight"></a> |
---|
1328 | <b>getRight</b>( <code>Boolean local</code> ) : Number <div class="mdesc"> |
---|
1329 | <div class="short">Gets the right X coordinate of the element (element X position + element width)</div> |
---|
1330 | <div class="long"> |
---|
1331 | Gets the right X coordinate of the element (element X position + element width) <div class="mdetail-params"> |
---|
1332 | <strong>Parameters:</strong> |
---|
1333 | <ul><li><code>local</code> : Boolean<div class="sub-desc">True to get the local css position instead of page coordinate</div></li> </ul> |
---|
1334 | <strong>Returns:</strong> |
---|
1335 | <ul> |
---|
1336 | <li><code>Number</code></li> |
---|
1337 | </ul> |
---|
1338 | </div> |
---|
1339 | </div> |
---|
1340 | </div> |
---|
1341 | </td> |
---|
1342 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getRight" href="output/Ext.Element.html#getRight">Element</a></td> |
---|
1343 | </tr> |
---|
1344 | <tr class="method-row inherited expandable"> |
---|
1345 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1346 | <td class="sig"> |
---|
1347 | <a id="Ext.Layer-getScroll"></a> |
---|
1348 | <b>getScroll</b>() : Object <div class="mdesc"> |
---|
1349 | <div class="short">Returns the current scroll position of the element.</div> |
---|
1350 | <div class="long"> |
---|
1351 | Returns the current scroll position of the element. <div class="mdetail-params"> |
---|
1352 | <strong>Parameters:</strong> |
---|
1353 | <ul><li>None.</li> </ul> |
---|
1354 | <strong>Returns:</strong> |
---|
1355 | <ul> |
---|
1356 | <li><code>Object</code><div class="sub-desc">An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}</div></li> |
---|
1357 | </ul> |
---|
1358 | </div> |
---|
1359 | </div> |
---|
1360 | </div> |
---|
1361 | </td> |
---|
1362 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getScroll" href="output/Ext.Element.html#getScroll">Element</a></td> |
---|
1363 | </tr> |
---|
1364 | <tr class="method-row inherited alt expandable"> |
---|
1365 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1366 | <td class="sig"> |
---|
1367 | <a id="Ext.Layer-getSize"></a> |
---|
1368 | <b>getSize</b>( <span class="optional" title="Optional">[<code>Boolean contentSize</code>]</span> ) : Object <div class="mdesc"> |
---|
1369 | <div class="short">Returns the size of the element.</div> |
---|
1370 | <div class="long"> |
---|
1371 | Returns the size of the element. <div class="mdetail-params"> |
---|
1372 | <strong>Parameters:</strong> |
---|
1373 | <ul><li><code>contentSize</code> : Boolean<div class="sub-desc">(optional) true to get the width/size minus borders and padding</div></li> </ul> |
---|
1374 | <strong>Returns:</strong> |
---|
1375 | <ul> |
---|
1376 | <li><code>Object</code><div class="sub-desc">An object containing the element's size {width: (element width), height: (element height)}</div></li> |
---|
1377 | </ul> |
---|
1378 | </div> |
---|
1379 | </div> |
---|
1380 | </div> |
---|
1381 | </td> |
---|
1382 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getSize" href="output/Ext.Element.html#getSize">Element</a></td> |
---|
1383 | </tr> |
---|
1384 | <tr class="method-row inherited expandable"> |
---|
1385 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1386 | <td class="sig"> |
---|
1387 | <a id="Ext.Layer-getStyle"></a> |
---|
1388 | <b>getStyle</b>( <code>String property</code> ) : String <div class="mdesc"> |
---|
1389 | <div class="short">Normalizes currentStyle and computedStyle.</div> |
---|
1390 | <div class="long"> |
---|
1391 | Normalizes currentStyle and computedStyle. <div class="mdetail-params"> |
---|
1392 | <strong>Parameters:</strong> |
---|
1393 | <ul><li><code>property</code> : String<div class="sub-desc">The style property whose value is returned.</div></li> </ul> |
---|
1394 | <strong>Returns:</strong> |
---|
1395 | <ul> |
---|
1396 | <li><code>String</code><div class="sub-desc">The current value of the style property for this element.</div></li> |
---|
1397 | </ul> |
---|
1398 | </div> |
---|
1399 | </div> |
---|
1400 | </div> |
---|
1401 | </td> |
---|
1402 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getStyle" href="output/Ext.Element.html#getStyle">Element</a></td> |
---|
1403 | </tr> |
---|
1404 | <tr class="method-row inherited alt expandable"> |
---|
1405 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1406 | <td class="sig"> |
---|
1407 | <a id="Ext.Layer-getStyles"></a> |
---|
1408 | <b>getStyles</b>( <code>String style1</code>, <code>String style2</code>, <code>String etc.</code> ) : Object <div class="mdesc"> |
---|
1409 | <div class="short">Returns an object with properties matching the styles requested. |
---|
1410 | For example, el.getStyles('color', 'font-size', 'wid...</div> |
---|
1411 | <div class="long"> |
---|
1412 | Returns an object with properties matching the styles requested. |
---|
1413 | For example, el.getStyles('color', 'font-size', 'width') might return |
---|
1414 | {'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}. <div class="mdetail-params"> |
---|
1415 | <strong>Parameters:</strong> |
---|
1416 | <ul><li><code>style1</code> : String<div class="sub-desc">A style name</div></li><li><code>style2</code> : String<div class="sub-desc">A style name</div></li><li><code>etc.</code> : String<div class="sub-desc"></div></li> </ul> |
---|
1417 | <strong>Returns:</strong> |
---|
1418 | <ul> |
---|
1419 | <li><code>Object</code><div class="sub-desc">The style object</div></li> |
---|
1420 | </ul> |
---|
1421 | </div> |
---|
1422 | </div> |
---|
1423 | </div> |
---|
1424 | </td> |
---|
1425 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getStyles" href="output/Ext.Element.html#getStyles">Element</a></td> |
---|
1426 | </tr> |
---|
1427 | <tr class="method-row inherited expandable"> |
---|
1428 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1429 | <td class="sig"> |
---|
1430 | <a id="Ext.Layer-getTextWidth"></a> |
---|
1431 | <b>getTextWidth</b>( <code>String text</code>, <span class="optional" title="Optional">[<code>Number min</code>]</span>, <span class="optional" title="Optional">[<code>Number max</code>]</span> ) : Number <div class="mdesc"> |
---|
1432 | <div class="short">Returns the width in pixels of the passed text, or the width of the text in this Element.</div> |
---|
1433 | <div class="long"> |
---|
1434 | Returns the width in pixels of the passed text, or the width of the text in this Element. <div class="mdetail-params"> |
---|
1435 | <strong>Parameters:</strong> |
---|
1436 | <ul><li><code>text</code> : String<div class="sub-desc">The text to measure. Defaults to the innerHTML of the element.</div></li><li><code>min</code> : Number<div class="sub-desc">(Optional) The minumum value to return.</div></li><li><code>max</code> : Number<div class="sub-desc">(Optional) The maximum value to return.</div></li> </ul> |
---|
1437 | <strong>Returns:</strong> |
---|
1438 | <ul> |
---|
1439 | <li><code>Number</code><div class="sub-desc">The text width in pixels.</div></li> |
---|
1440 | </ul> |
---|
1441 | </div> |
---|
1442 | </div> |
---|
1443 | </div> |
---|
1444 | </td> |
---|
1445 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getTextWidth" href="output/Ext.Element.html#getTextWidth">Element</a></td> |
---|
1446 | </tr> |
---|
1447 | <tr class="method-row inherited alt expandable"> |
---|
1448 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1449 | <td class="sig"> |
---|
1450 | <a id="Ext.Layer-getTop"></a> |
---|
1451 | <b>getTop</b>( <code>Boolean local</code> ) : Number <div class="mdesc"> |
---|
1452 | <div class="short">Gets the top Y coordinate</div> |
---|
1453 | <div class="long"> |
---|
1454 | Gets the top Y coordinate <div class="mdetail-params"> |
---|
1455 | <strong>Parameters:</strong> |
---|
1456 | <ul><li><code>local</code> : Boolean<div class="sub-desc">True to get the local css position instead of page coordinate</div></li> </ul> |
---|
1457 | <strong>Returns:</strong> |
---|
1458 | <ul> |
---|
1459 | <li><code>Number</code></li> |
---|
1460 | </ul> |
---|
1461 | </div> |
---|
1462 | </div> |
---|
1463 | </div> |
---|
1464 | </td> |
---|
1465 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getTop" href="output/Ext.Element.html#getTop">Element</a></td> |
---|
1466 | </tr> |
---|
1467 | <tr class="method-row inherited expandable"> |
---|
1468 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1469 | <td class="sig"> |
---|
1470 | <a id="Ext.Layer-getUpdater"></a> |
---|
1471 | <b>getUpdater</b>() : Ext.Updater <div class="mdesc"> |
---|
1472 | <div class="short">Gets this element's Updater</div> |
---|
1473 | <div class="long"> |
---|
1474 | Gets this element's Updater <div class="mdetail-params"> |
---|
1475 | <strong>Parameters:</strong> |
---|
1476 | <ul><li>None.</li> </ul> |
---|
1477 | <strong>Returns:</strong> |
---|
1478 | <ul> |
---|
1479 | <li><code>Ext.Updater</code><div class="sub-desc">The Updater</div></li> |
---|
1480 | </ul> |
---|
1481 | </div> |
---|
1482 | </div> |
---|
1483 | </div> |
---|
1484 | </td> |
---|
1485 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getUpdater" href="output/Ext.Element.html#getUpdater">Element</a></td> |
---|
1486 | </tr> |
---|
1487 | <tr class="method-row inherited alt expandable"> |
---|
1488 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1489 | <td class="sig"> |
---|
1490 | <a id="Ext.Layer-getValue"></a> |
---|
1491 | <b>getValue</b>( <code>Boolean asNumber</code> ) : String/Number <div class="mdesc"> |
---|
1492 | <div class="short">Returns the value of the "value" attribute</div> |
---|
1493 | <div class="long"> |
---|
1494 | Returns the value of the "value" attribute <div class="mdetail-params"> |
---|
1495 | <strong>Parameters:</strong> |
---|
1496 | <ul><li><code>asNumber</code> : Boolean<div class="sub-desc">true to parse the value as a number</div></li> </ul> |
---|
1497 | <strong>Returns:</strong> |
---|
1498 | <ul> |
---|
1499 | <li><code>String/Number</code></li> |
---|
1500 | </ul> |
---|
1501 | </div> |
---|
1502 | </div> |
---|
1503 | </div> |
---|
1504 | </td> |
---|
1505 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getValue" href="output/Ext.Element.html#getValue">Element</a></td> |
---|
1506 | </tr> |
---|
1507 | <tr class="method-row inherited expandable"> |
---|
1508 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1509 | <td class="sig"> |
---|
1510 | <a id="Ext.Layer-getViewSize"></a> |
---|
1511 | <b>getViewSize</b>() : Object <div class="mdesc"> |
---|
1512 | <div class="short">Returns the width and height of the viewport.</div> |
---|
1513 | <div class="long"> |
---|
1514 | Returns the width and height of the viewport. <div class="mdetail-params"> |
---|
1515 | <strong>Parameters:</strong> |
---|
1516 | <ul><li>None.</li> </ul> |
---|
1517 | <strong>Returns:</strong> |
---|
1518 | <ul> |
---|
1519 | <li><code>Object</code><div class="sub-desc">An object containing the viewport's size {width: (viewport width), height: (viewport height)}</div></li> |
---|
1520 | </ul> |
---|
1521 | </div> |
---|
1522 | </div> |
---|
1523 | </div> |
---|
1524 | </td> |
---|
1525 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getViewSize" href="output/Ext.Element.html#getViewSize">Element</a></td> |
---|
1526 | </tr> |
---|
1527 | <tr class="method-row inherited alt expandable"> |
---|
1528 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1529 | <td class="sig"> |
---|
1530 | <a id="Ext.Layer-getWidth"></a> |
---|
1531 | <b>getWidth</b>( <span class="optional" title="Optional">[<code>Boolean contentWidth</code>]</span> ) : Number <div class="mdesc"> |
---|
1532 | <div class="short">Returns the offset width of the element</div> |
---|
1533 | <div class="long"> |
---|
1534 | Returns the offset width of the element <div class="mdetail-params"> |
---|
1535 | <strong>Parameters:</strong> |
---|
1536 | <ul><li><code>contentWidth</code> : Boolean<div class="sub-desc">(optional) true to get the width minus borders and padding</div></li> </ul> |
---|
1537 | <strong>Returns:</strong> |
---|
1538 | <ul> |
---|
1539 | <li><code>Number</code><div class="sub-desc">The element's width</div></li> |
---|
1540 | </ul> |
---|
1541 | </div> |
---|
1542 | </div> |
---|
1543 | </div> |
---|
1544 | </td> |
---|
1545 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getWidth" href="output/Ext.Element.html#getWidth">Element</a></td> |
---|
1546 | </tr> |
---|
1547 | <tr class="method-row inherited expandable"> |
---|
1548 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1549 | <td class="sig"> |
---|
1550 | <a id="Ext.Layer-getX"></a> |
---|
1551 | <b>getX</b>() : Number <div class="mdesc"> |
---|
1552 | <div class="short">Gets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have p...</div> |
---|
1553 | <div class="long"> |
---|
1554 | Gets the current X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
1555 | <strong>Parameters:</strong> |
---|
1556 | <ul><li>None.</li> </ul> |
---|
1557 | <strong>Returns:</strong> |
---|
1558 | <ul> |
---|
1559 | <li><code>Number</code><div class="sub-desc">The X position of the element</div></li> |
---|
1560 | </ul> |
---|
1561 | </div> |
---|
1562 | </div> |
---|
1563 | </div> |
---|
1564 | </td> |
---|
1565 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getX" href="output/Ext.Element.html#getX">Element</a></td> |
---|
1566 | </tr> |
---|
1567 | <tr class="method-row inherited alt expandable"> |
---|
1568 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1569 | <td class="sig"> |
---|
1570 | <a id="Ext.Layer-getXY"></a> |
---|
1571 | <b>getXY</b>() : Array <div class="mdesc"> |
---|
1572 | <div class="short">Gets the current position of the element based on page coordinates. Element must be part of the DOM tree to have pag...</div> |
---|
1573 | <div class="long"> |
---|
1574 | Gets the current position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
1575 | <strong>Parameters:</strong> |
---|
1576 | <ul><li>None.</li> </ul> |
---|
1577 | <strong>Returns:</strong> |
---|
1578 | <ul> |
---|
1579 | <li><code>Array</code><div class="sub-desc">The XY position of the element</div></li> |
---|
1580 | </ul> |
---|
1581 | </div> |
---|
1582 | </div> |
---|
1583 | </div> |
---|
1584 | </td> |
---|
1585 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getXY" href="output/Ext.Element.html#getXY">Element</a></td> |
---|
1586 | </tr> |
---|
1587 | <tr class="method-row inherited expandable"> |
---|
1588 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1589 | <td class="sig"> |
---|
1590 | <a id="Ext.Layer-getY"></a> |
---|
1591 | <b>getY</b>() : Number <div class="mdesc"> |
---|
1592 | <div class="short">Gets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have p...</div> |
---|
1593 | <div class="long"> |
---|
1594 | Gets the current Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
1595 | <strong>Parameters:</strong> |
---|
1596 | <ul><li>None.</li> </ul> |
---|
1597 | <strong>Returns:</strong> |
---|
1598 | <ul> |
---|
1599 | <li><code>Number</code><div class="sub-desc">The Y position of the element</div></li> |
---|
1600 | </ul> |
---|
1601 | </div> |
---|
1602 | </div> |
---|
1603 | </div> |
---|
1604 | </td> |
---|
1605 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#getY" href="output/Ext.Element.html#getY">Element</a></td> |
---|
1606 | </tr> |
---|
1607 | <tr class="method-row inherited alt expandable"> |
---|
1608 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1609 | <td class="sig"> |
---|
1610 | <a id="Ext.Layer-hasClass"></a> |
---|
1611 | <b>hasClass</b>( <code>String className</code> ) : Boolean <div class="mdesc"> |
---|
1612 | <div class="short">Checks if the specified CSS class exists on this element's DOM node.</div> |
---|
1613 | <div class="long"> |
---|
1614 | Checks if the specified CSS class exists on this element's DOM node. <div class="mdetail-params"> |
---|
1615 | <strong>Parameters:</strong> |
---|
1616 | <ul><li><code>className</code> : String<div class="sub-desc">The CSS class to check for</div></li> </ul> |
---|
1617 | <strong>Returns:</strong> |
---|
1618 | <ul> |
---|
1619 | <li><code>Boolean</code><div class="sub-desc">True if the class exists, else false</div></li> |
---|
1620 | </ul> |
---|
1621 | </div> |
---|
1622 | </div> |
---|
1623 | </div> |
---|
1624 | </td> |
---|
1625 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#hasClass" href="output/Ext.Element.html#hasClass">Element</a></td> |
---|
1626 | </tr> |
---|
1627 | <tr class="method-row inherited expandable"> |
---|
1628 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1629 | <td class="sig"> |
---|
1630 | <a id="Ext.Layer-hide"></a> |
---|
1631 | <b>hide</b>( <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
1632 | <div class="short">Hide this element - Uses display mode to determine whether to use "display" or "visibility". See <a ext:cls="Ext.Element" ext:member="setVisible" href="output/Ext.Element.html#setVisible">setVisible</a>.</div> |
---|
1633 | <div class="long"> |
---|
1634 | Hide this element - Uses display mode to determine whether to use "display" or "visibility". See <a ext:cls="Ext.Element" ext:member="setVisible" href="output/Ext.Element.html#setVisible">setVisible</a>. <div class="mdetail-params"> |
---|
1635 | <strong>Parameters:</strong> |
---|
1636 | <ul><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> |
---|
1637 | <strong>Returns:</strong> |
---|
1638 | <ul> |
---|
1639 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
1640 | </ul> |
---|
1641 | </div> |
---|
1642 | </div> |
---|
1643 | </div> |
---|
1644 | </td> |
---|
1645 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#hide" href="output/Ext.Element.html#hide">Element</a></td> |
---|
1646 | </tr> |
---|
1647 | <tr class="method-row inherited alt expandable"> |
---|
1648 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1649 | <td class="sig"> |
---|
1650 | <a id="Ext.Layer-hover"></a> |
---|
1651 | <b>hover</b>( <code>Function overFn</code>, <code>Function outFn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
1652 | <div class="short">Sets up event handlers to call the passed functions when the mouse is over this element. Automatically |
---|
1653 | filters child ...</div> |
---|
1654 | <div class="long"> |
---|
1655 | Sets up event handlers to call the passed functions when the mouse is over this element. Automatically |
---|
1656 | filters child element mouse events. <div class="mdetail-params"> |
---|
1657 | <strong>Parameters:</strong> |
---|
1658 | <ul><li><code>overFn</code> : Function<div class="sub-desc"></div></li><li><code>outFn</code> : Function<div class="sub-desc"></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional)</div></li> </ul> |
---|
1659 | <strong>Returns:</strong> |
---|
1660 | <ul> |
---|
1661 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
1662 | </ul> |
---|
1663 | </div> |
---|
1664 | </div> |
---|
1665 | </div> |
---|
1666 | </td> |
---|
1667 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#hover" href="output/Ext.Element.html#hover">Element</a></td> |
---|
1668 | </tr> |
---|
1669 | <tr class="method-row inherited expandable"> |
---|
1670 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1671 | <td class="sig"> |
---|
1672 | <a id="Ext.Layer-initDD"></a> |
---|
1673 | <b>initDD</b>( <code>String group</code>, <code>Object config</code>, <code>Object overrides</code> ) : Ext.dd.DD <div class="mdesc"> |
---|
1674 | <div class="short">Initializes a <a ext:cls="Ext.dd.DD" href="output/Ext.dd.DD.html">Ext.dd.DD</a> drag drop object for this element.</div> |
---|
1675 | <div class="long"> |
---|
1676 | Initializes a <a ext:cls="Ext.dd.DD" href="output/Ext.dd.DD.html">Ext.dd.DD</a> drag drop object for this element. <div class="mdetail-params"> |
---|
1677 | <strong>Parameters:</strong> |
---|
1678 | <ul><li><code>group</code> : String<div class="sub-desc">The group the DD object is member of</div></li><li><code>config</code> : Object<div class="sub-desc">The DD config object</div></li><li><code>overrides</code> : Object<div class="sub-desc">An object containing methods to override/implement on the DD object</div></li> </ul> |
---|
1679 | <strong>Returns:</strong> |
---|
1680 | <ul> |
---|
1681 | <li><code>Ext.dd.DD</code><div class="sub-desc">The DD object</div></li> |
---|
1682 | </ul> |
---|
1683 | </div> |
---|
1684 | </div> |
---|
1685 | </div> |
---|
1686 | </td> |
---|
1687 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#initDD" href="output/Ext.Element.html#initDD">Element</a></td> |
---|
1688 | </tr> |
---|
1689 | <tr class="method-row inherited alt expandable"> |
---|
1690 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1691 | <td class="sig"> |
---|
1692 | <a id="Ext.Layer-initDDProxy"></a> |
---|
1693 | <b>initDDProxy</b>( <code>String group</code>, <code>Object config</code>, <code>Object overrides</code> ) : Ext.dd.DDProxy <div class="mdesc"> |
---|
1694 | <div class="short">Initializes a <a ext:cls="Ext.dd.DDProxy" href="output/Ext.dd.DDProxy.html">Ext.dd.DDProxy</a> object for this element.</div> |
---|
1695 | <div class="long"> |
---|
1696 | Initializes a <a ext:cls="Ext.dd.DDProxy" href="output/Ext.dd.DDProxy.html">Ext.dd.DDProxy</a> object for this element. <div class="mdetail-params"> |
---|
1697 | <strong>Parameters:</strong> |
---|
1698 | <ul><li><code>group</code> : String<div class="sub-desc">The group the DDProxy object is member of</div></li><li><code>config</code> : Object<div class="sub-desc">The DDProxy config object</div></li><li><code>overrides</code> : Object<div class="sub-desc">An object containing methods to override/implement on the DDProxy object</div></li> </ul> |
---|
1699 | <strong>Returns:</strong> |
---|
1700 | <ul> |
---|
1701 | <li><code>Ext.dd.DDProxy</code><div class="sub-desc">The DDProxy object</div></li> |
---|
1702 | </ul> |
---|
1703 | </div> |
---|
1704 | </div> |
---|
1705 | </div> |
---|
1706 | </td> |
---|
1707 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#initDDProxy" href="output/Ext.Element.html#initDDProxy">Element</a></td> |
---|
1708 | </tr> |
---|
1709 | <tr class="method-row inherited expandable"> |
---|
1710 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1711 | <td class="sig"> |
---|
1712 | <a id="Ext.Layer-initDDTarget"></a> |
---|
1713 | <b>initDDTarget</b>( <code>String group</code>, <code>Object config</code>, <code>Object overrides</code> ) : Ext.dd.DDTarget <div class="mdesc"> |
---|
1714 | <div class="short">Initializes a <a ext:cls="Ext.dd.DDTarget" href="output/Ext.dd.DDTarget.html">Ext.dd.DDTarget</a> object for this element.</div> |
---|
1715 | <div class="long"> |
---|
1716 | Initializes a <a ext:cls="Ext.dd.DDTarget" href="output/Ext.dd.DDTarget.html">Ext.dd.DDTarget</a> object for this element. <div class="mdetail-params"> |
---|
1717 | <strong>Parameters:</strong> |
---|
1718 | <ul><li><code>group</code> : String<div class="sub-desc">The group the DDTarget object is member of</div></li><li><code>config</code> : Object<div class="sub-desc">The DDTarget config object</div></li><li><code>overrides</code> : Object<div class="sub-desc">An object containing methods to override/implement on the DDTarget object</div></li> </ul> |
---|
1719 | <strong>Returns:</strong> |
---|
1720 | <ul> |
---|
1721 | <li><code>Ext.dd.DDTarget</code><div class="sub-desc">The DDTarget object</div></li> |
---|
1722 | </ul> |
---|
1723 | </div> |
---|
1724 | </div> |
---|
1725 | </div> |
---|
1726 | </td> |
---|
1727 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#initDDTarget" href="output/Ext.Element.html#initDDTarget">Element</a></td> |
---|
1728 | </tr> |
---|
1729 | <tr class="method-row inherited alt expandable"> |
---|
1730 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1731 | <td class="sig"> |
---|
1732 | <a id="Ext.Layer-insertAfter"></a> |
---|
1733 | <b>insertAfter</b>( <code>Mixed el</code> ) : Ext.Element <div class="mdesc"> |
---|
1734 | <div class="short">Inserts this element after the passed element in the DOM</div> |
---|
1735 | <div class="long"> |
---|
1736 | Inserts this element after the passed element in the DOM <div class="mdetail-params"> |
---|
1737 | <strong>Parameters:</strong> |
---|
1738 | <ul><li><code>el</code> : Mixed<div class="sub-desc">The element to insert after</div></li> </ul> |
---|
1739 | <strong>Returns:</strong> |
---|
1740 | <ul> |
---|
1741 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
1742 | </ul> |
---|
1743 | </div> |
---|
1744 | </div> |
---|
1745 | </div> |
---|
1746 | </td> |
---|
1747 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#insertAfter" href="output/Ext.Element.html#insertAfter">Element</a></td> |
---|
1748 | </tr> |
---|
1749 | <tr class="method-row inherited expandable"> |
---|
1750 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1751 | <td class="sig"> |
---|
1752 | <a id="Ext.Layer-insertBefore"></a> |
---|
1753 | <b>insertBefore</b>( <code>Mixed el</code> ) : Ext.Element <div class="mdesc"> |
---|
1754 | <div class="short">Inserts this element before the passed element in the DOM</div> |
---|
1755 | <div class="long"> |
---|
1756 | Inserts this element before the passed element in the DOM <div class="mdetail-params"> |
---|
1757 | <strong>Parameters:</strong> |
---|
1758 | <ul><li><code>el</code> : Mixed<div class="sub-desc">The element before which this element will be inserted</div></li> </ul> |
---|
1759 | <strong>Returns:</strong> |
---|
1760 | <ul> |
---|
1761 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
1762 | </ul> |
---|
1763 | </div> |
---|
1764 | </div> |
---|
1765 | </div> |
---|
1766 | </td> |
---|
1767 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#insertBefore" href="output/Ext.Element.html#insertBefore">Element</a></td> |
---|
1768 | </tr> |
---|
1769 | <tr class="method-row inherited alt expandable"> |
---|
1770 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1771 | <td class="sig"> |
---|
1772 | <a id="Ext.Layer-insertFirst"></a> |
---|
1773 | <b>insertFirst</b>( <code>Mixed/Object el</code> ) : Ext.Element <div class="mdesc"> |
---|
1774 | <div class="short">Inserts (or creates) an element (or DomHelper config) as the first child of this element</div> |
---|
1775 | <div class="long"> |
---|
1776 | Inserts (or creates) an element (or DomHelper config) as the first child of this element <div class="mdetail-params"> |
---|
1777 | <strong>Parameters:</strong> |
---|
1778 | <ul><li><code>el</code> : Mixed/Object<div class="sub-desc">The id or element to insert or a DomHelper config to create and insert</div></li> </ul> |
---|
1779 | <strong>Returns:</strong> |
---|
1780 | <ul> |
---|
1781 | <li><code>Ext.Element</code><div class="sub-desc">The new child</div></li> |
---|
1782 | </ul> |
---|
1783 | </div> |
---|
1784 | </div> |
---|
1785 | </div> |
---|
1786 | </td> |
---|
1787 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#insertFirst" href="output/Ext.Element.html#insertFirst">Element</a></td> |
---|
1788 | </tr> |
---|
1789 | <tr class="method-row inherited expandable"> |
---|
1790 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1791 | <td class="sig"> |
---|
1792 | <a id="Ext.Layer-insertHtml"></a> |
---|
1793 | <b>insertHtml</b>( <code>String where</code>, <code>String html</code>, <span class="optional" title="Optional">[<code>Boolean returnEl</code>]</span> ) : HTMLElement/Ext.Element <div class="mdesc"> |
---|
1794 | <div class="short">Inserts an html fragment into this element</div> |
---|
1795 | <div class="long"> |
---|
1796 | Inserts an html fragment into this element <div class="mdetail-params"> |
---|
1797 | <strong>Parameters:</strong> |
---|
1798 | <ul><li><code>where</code> : String<div class="sub-desc">Where to insert the html in relation to this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</div></li><li><code>html</code> : String<div class="sub-desc">The HTML fragment</div></li><li><code>returnEl</code> : Boolean<div class="sub-desc">(optional) True to return an Ext.Element (defaults to false)</div></li> </ul> |
---|
1799 | <strong>Returns:</strong> |
---|
1800 | <ul> |
---|
1801 | <li><code>HTMLElement/Ext.Element</code><div class="sub-desc">The inserted node (or nearest related if more than 1 inserted)</div></li> |
---|
1802 | </ul> |
---|
1803 | </div> |
---|
1804 | </div> |
---|
1805 | </div> |
---|
1806 | </td> |
---|
1807 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#insertHtml" href="output/Ext.Element.html#insertHtml">Element</a></td> |
---|
1808 | </tr> |
---|
1809 | <tr class="method-row inherited alt expandable"> |
---|
1810 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1811 | <td class="sig"> |
---|
1812 | <a id="Ext.Layer-insertSibling"></a> |
---|
1813 | <b>insertSibling</b>( <code>Mixed/Object/Array el</code>, <span class="optional" title="Optional">[<code>String where</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
1814 | <div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div> |
---|
1815 | <div class="long"> |
---|
1816 | Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element <div class="mdetail-params"> |
---|
1817 | <strong>Parameters:</strong> |
---|
1818 | <ul><li><code>el</code> : Mixed/Object/Array<div class="sub-desc">The id, element to insert or a DomHelper config to create and insert *or* an array of any of those.</div></li><li><code>where</code> : String<div class="sub-desc">(optional) 'before' or 'after' defaults to before</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return the raw DOM element instead of Ext.Element</div></li> </ul> |
---|
1819 | <strong>Returns:</strong> |
---|
1820 | <ul> |
---|
1821 | <li><code>Ext.Element</code><div class="sub-desc">the inserted Element</div></li> |
---|
1822 | </ul> |
---|
1823 | </div> |
---|
1824 | </div> |
---|
1825 | </div> |
---|
1826 | </td> |
---|
1827 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#insertSibling" href="output/Ext.Element.html#insertSibling">Element</a></td> |
---|
1828 | </tr> |
---|
1829 | <tr class="method-row inherited expandable"> |
---|
1830 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1831 | <td class="sig"> |
---|
1832 | <a id="Ext.Layer-is"></a> |
---|
1833 | <b>is</b>( <code>String selector</code> ) : Boolean <div class="mdesc"> |
---|
1834 | <div class="short">Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)</div> |
---|
1835 | <div class="long"> |
---|
1836 | Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child) <div class="mdetail-params"> |
---|
1837 | <strong>Parameters:</strong> |
---|
1838 | <ul><li><code>selector</code> : String<div class="sub-desc">The simple selector to test</div></li> </ul> |
---|
1839 | <strong>Returns:</strong> |
---|
1840 | <ul> |
---|
1841 | <li><code>Boolean</code><div class="sub-desc">True if this element matches the selector, else false</div></li> |
---|
1842 | </ul> |
---|
1843 | </div> |
---|
1844 | </div> |
---|
1845 | </div> |
---|
1846 | </td> |
---|
1847 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#is" href="output/Ext.Element.html#is">Element</a></td> |
---|
1848 | </tr> |
---|
1849 | <tr class="method-row inherited alt expandable"> |
---|
1850 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1851 | <td class="sig"> |
---|
1852 | <a id="Ext.Layer-isBorderBox"></a> |
---|
1853 | <b>isBorderBox</b>() : Boolean <div class="mdesc"> |
---|
1854 | <div class="short">Tests various css rules/browsers to determine if this element uses a border box</div> |
---|
1855 | <div class="long"> |
---|
1856 | Tests various css rules/browsers to determine if this element uses a border box <div class="mdetail-params"> |
---|
1857 | <strong>Parameters:</strong> |
---|
1858 | <ul><li>None.</li> </ul> |
---|
1859 | <strong>Returns:</strong> |
---|
1860 | <ul> |
---|
1861 | <li><code>Boolean</code></li> |
---|
1862 | </ul> |
---|
1863 | </div> |
---|
1864 | </div> |
---|
1865 | </div> |
---|
1866 | </td> |
---|
1867 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#isBorderBox" href="output/Ext.Element.html#isBorderBox">Element</a></td> |
---|
1868 | </tr> |
---|
1869 | <tr class="method-row inherited expandable"> |
---|
1870 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1871 | <td class="sig"> |
---|
1872 | <a id="Ext.Layer-isDisplayed"></a> |
---|
1873 | <b>isDisplayed</b>() : Boolean <div class="mdesc"> |
---|
1874 | <div class="short">Returns true if display is not "none"</div> |
---|
1875 | <div class="long"> |
---|
1876 | Returns true if display is not "none" <div class="mdetail-params"> |
---|
1877 | <strong>Parameters:</strong> |
---|
1878 | <ul><li>None.</li> </ul> |
---|
1879 | <strong>Returns:</strong> |
---|
1880 | <ul> |
---|
1881 | <li><code>Boolean</code></li> |
---|
1882 | </ul> |
---|
1883 | </div> |
---|
1884 | </div> |
---|
1885 | </div> |
---|
1886 | </td> |
---|
1887 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#isDisplayed" href="output/Ext.Element.html#isDisplayed">Element</a></td> |
---|
1888 | </tr> |
---|
1889 | <tr class="method-row inherited alt expandable"> |
---|
1890 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1891 | <td class="sig"> |
---|
1892 | <a id="Ext.Layer-isMasked"></a> |
---|
1893 | <b>isMasked</b>() : Boolean <div class="mdesc"> |
---|
1894 | <div class="short">Returns true if this element is masked</div> |
---|
1895 | <div class="long"> |
---|
1896 | Returns true if this element is masked <div class="mdetail-params"> |
---|
1897 | <strong>Parameters:</strong> |
---|
1898 | <ul><li>None.</li> </ul> |
---|
1899 | <strong>Returns:</strong> |
---|
1900 | <ul> |
---|
1901 | <li><code>Boolean</code></li> |
---|
1902 | </ul> |
---|
1903 | </div> |
---|
1904 | </div> |
---|
1905 | </div> |
---|
1906 | </td> |
---|
1907 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#isMasked" href="output/Ext.Element.html#isMasked">Element</a></td> |
---|
1908 | </tr> |
---|
1909 | <tr class="method-row inherited expandable"> |
---|
1910 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1911 | <td class="sig"> |
---|
1912 | <a id="Ext.Layer-isScrollable"></a> |
---|
1913 | <b>isScrollable</b>() : Boolean <div class="mdesc"> |
---|
1914 | <div class="short">Returns true if this element is scrollable.</div> |
---|
1915 | <div class="long"> |
---|
1916 | Returns true if this element is scrollable. <div class="mdetail-params"> |
---|
1917 | <strong>Parameters:</strong> |
---|
1918 | <ul><li>None.</li> </ul> |
---|
1919 | <strong>Returns:</strong> |
---|
1920 | <ul> |
---|
1921 | <li><code>Boolean</code></li> |
---|
1922 | </ul> |
---|
1923 | </div> |
---|
1924 | </div> |
---|
1925 | </div> |
---|
1926 | </td> |
---|
1927 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#isScrollable" href="output/Ext.Element.html#isScrollable">Element</a></td> |
---|
1928 | </tr> |
---|
1929 | <tr class="method-row inherited alt expandable"> |
---|
1930 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1931 | <td class="sig"> |
---|
1932 | <a id="Ext.Layer-isVisible"></a> |
---|
1933 | <b>isVisible</b>( <span class="optional" title="Optional">[<code>Boolean deep</code>]</span> ) : Boolean <div class="mdesc"> |
---|
1934 | <div class="short">Checks whether the element is currently visible using both visibility and display properties.</div> |
---|
1935 | <div class="long"> |
---|
1936 | Checks whether the element is currently visible using both visibility and display properties. <div class="mdetail-params"> |
---|
1937 | <strong>Parameters:</strong> |
---|
1938 | <ul><li><code>deep</code> : Boolean<div class="sub-desc">(optional) True to walk the dom and see if parent elements are hidden (defaults to false)</div></li> </ul> |
---|
1939 | <strong>Returns:</strong> |
---|
1940 | <ul> |
---|
1941 | <li><code>Boolean</code><div class="sub-desc">True if the element is currently visible, else false</div></li> |
---|
1942 | </ul> |
---|
1943 | </div> |
---|
1944 | </div> |
---|
1945 | </div> |
---|
1946 | </td> |
---|
1947 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#isVisible" href="output/Ext.Element.html#isVisible">Element</a></td> |
---|
1948 | </tr> |
---|
1949 | <tr class="method-row inherited expandable"> |
---|
1950 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1951 | <td class="sig"> |
---|
1952 | <a id="Ext.Layer-last"></a> |
---|
1953 | <b>last</b>( <span class="optional" title="Optional">[<code>String selector</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : Ext.Element/HTMLElement <div class="mdesc"> |
---|
1954 | <div class="short">Gets the last child, skipping text nodes</div> |
---|
1955 | <div class="long"> |
---|
1956 | Gets the last child, skipping text nodes <div class="mdetail-params"> |
---|
1957 | <strong>Parameters:</strong> |
---|
1958 | <ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find the previous sibling that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li> </ul> |
---|
1959 | <strong>Returns:</strong> |
---|
1960 | <ul> |
---|
1961 | <li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The last child or null</div></li> |
---|
1962 | </ul> |
---|
1963 | </div> |
---|
1964 | </div> |
---|
1965 | </div> |
---|
1966 | </td> |
---|
1967 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#last" href="output/Ext.Element.html#last">Element</a></td> |
---|
1968 | </tr> |
---|
1969 | <tr class="method-row inherited alt expandable"> |
---|
1970 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1971 | <td class="sig"> |
---|
1972 | <a id="Ext.Layer-load"></a> |
---|
1973 | <b>load</b>() : Ext.Element <div class="mdesc"> |
---|
1974 | <div class="short">Direct access to the Updater <a ext:cls="Ext.Updater" ext:member="update" href="output/Ext.Updater.html#update">Ext.Updater.update</a> method. The method takes the same object |
---|
1975 | parameter as <a ext:cls="Ext.Updater" ext:member="update" href="output/Ext.Updater.html#update">Ext.Updater.update</a></div> |
---|
1976 | <div class="long"> |
---|
1977 | Direct access to the Updater <a ext:cls="Ext.Updater" ext:member="update" href="output/Ext.Updater.html#update">Ext.Updater.update</a> method. The method takes the same object |
---|
1978 | parameter as <a ext:cls="Ext.Updater" ext:member="update" href="output/Ext.Updater.html#update">Ext.Updater.update</a> <div class="mdetail-params"> |
---|
1979 | <strong>Parameters:</strong> |
---|
1980 | <ul><li>None.</li> </ul> |
---|
1981 | <strong>Returns:</strong> |
---|
1982 | <ul> |
---|
1983 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
1984 | </ul> |
---|
1985 | </div> |
---|
1986 | </div> |
---|
1987 | </div> |
---|
1988 | </td> |
---|
1989 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#load" href="output/Ext.Element.html#load">Element</a></td> |
---|
1990 | </tr> |
---|
1991 | <tr class="method-row inherited expandable"> |
---|
1992 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1993 | <td class="sig"> |
---|
1994 | <a id="Ext.Layer-mask"></a> |
---|
1995 | <b>mask</b>( <span class="optional" title="Optional">[<code>String msg</code>]</span>, <span class="optional" title="Optional">[<code>String msgCls</code>]</span> ) : Element <div class="mdesc"> |
---|
1996 | <div class="short">Puts a mask over this element to disable user interaction. Requires core.css. |
---|
1997 | This method can only be applied to elem...</div> |
---|
1998 | <div class="long"> |
---|
1999 | Puts a mask over this element to disable user interaction. Requires core.css. |
---|
2000 | This method can only be applied to elements which accept child nodes. <div class="mdetail-params"> |
---|
2001 | <strong>Parameters:</strong> |
---|
2002 | <ul><li><code>msg</code> : String<div class="sub-desc">(optional) A message to display in the mask</div></li><li><code>msgCls</code> : String<div class="sub-desc">(optional) A css class to apply to the msg element</div></li> </ul> |
---|
2003 | <strong>Returns:</strong> |
---|
2004 | <ul> |
---|
2005 | <li><code>Element</code><div class="sub-desc">The mask element</div></li> |
---|
2006 | </ul> |
---|
2007 | </div> |
---|
2008 | </div> |
---|
2009 | </div> |
---|
2010 | </td> |
---|
2011 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#mask" href="output/Ext.Element.html#mask">Element</a></td> |
---|
2012 | </tr> |
---|
2013 | <tr class="method-row inherited alt expandable"> |
---|
2014 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2015 | <td class="sig"> |
---|
2016 | <a id="Ext.Layer-move"></a> |
---|
2017 | <b>move</b>( <code>String direction</code>, <code>Number distance</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2018 | <div class="short">Move this element relative to its current position.</div> |
---|
2019 | <div class="long"> |
---|
2020 | Move this element relative to its current position. <div class="mdetail-params"> |
---|
2021 | <strong>Parameters:</strong> |
---|
2022 | <ul><li><code>direction</code> : String<div class="sub-desc">Possible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down").</div></li><li><code>distance</code> : Number<div class="sub-desc">How far to move the element in pixels</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> |
---|
2023 | <strong>Returns:</strong> |
---|
2024 | <ul> |
---|
2025 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2026 | </ul> |
---|
2027 | </div> |
---|
2028 | </div> |
---|
2029 | </div> |
---|
2030 | </td> |
---|
2031 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#move" href="output/Ext.Element.html#move">Element</a></td> |
---|
2032 | </tr> |
---|
2033 | <tr class="method-row inherited expandable"> |
---|
2034 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2035 | <td class="sig"> |
---|
2036 | <a id="Ext.Layer-moveTo"></a> |
---|
2037 | <b>moveTo</b>( <code>Number x</code>, <code>Number y</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2038 | <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned. |
---|
2039 | The element must b...</div> |
---|
2040 | <div class="long"> |
---|
2041 | Sets the position of the element in page coordinates, regardless of how the element is positioned. |
---|
2042 | The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
2043 | <strong>Parameters:</strong> |
---|
2044 | <ul><li><code>x</code> : Number<div class="sub-desc">X value for new position (coordinates are page-based)</div></li><li><code>y</code> : Number<div class="sub-desc">Y value for new position (coordinates are page-based)</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> |
---|
2045 | <strong>Returns:</strong> |
---|
2046 | <ul> |
---|
2047 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2048 | </ul> |
---|
2049 | </div> |
---|
2050 | </div> |
---|
2051 | </div> |
---|
2052 | </td> |
---|
2053 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#moveTo" href="output/Ext.Element.html#moveTo">Element</a></td> |
---|
2054 | </tr> |
---|
2055 | <tr class="method-row inherited alt expandable"> |
---|
2056 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2057 | <td class="sig"> |
---|
2058 | <a id="Ext.Layer-next"></a> |
---|
2059 | <b>next</b>( <span class="optional" title="Optional">[<code>String selector</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : Ext.Element/HTMLElement <div class="mdesc"> |
---|
2060 | <div class="short">Gets the next sibling, skipping text nodes</div> |
---|
2061 | <div class="long"> |
---|
2062 | Gets the next sibling, skipping text nodes <div class="mdetail-params"> |
---|
2063 | <strong>Parameters:</strong> |
---|
2064 | <ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find the next sibling that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li> </ul> |
---|
2065 | <strong>Returns:</strong> |
---|
2066 | <ul> |
---|
2067 | <li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The next sibling or null</div></li> |
---|
2068 | </ul> |
---|
2069 | </div> |
---|
2070 | </div> |
---|
2071 | </div> |
---|
2072 | </td> |
---|
2073 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#next" href="output/Ext.Element.html#next">Element</a></td> |
---|
2074 | </tr> |
---|
2075 | <tr class="method-row inherited expandable"> |
---|
2076 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2077 | <td class="sig"> |
---|
2078 | <a id="Ext.Layer-on"></a> |
---|
2079 | <b>on</b>( <code>String eventName</code>, <code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span> ) : void <div class="mdesc"> |
---|
2080 | <div class="short">Appends an event handler (shorthand for <a ext:cls="Ext.Element" ext:member="addListener" href="output/Ext.Element.html#addListener">addListener</a>).</div> |
---|
2081 | <div class="long"> |
---|
2082 | Appends an event handler (shorthand for <a ext:cls="Ext.Element" ext:member="addListener" href="output/Ext.Element.html#addListener">addListener</a>). <div class="mdetail-params"> |
---|
2083 | <strong>Parameters:</strong> |
---|
2084 | <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to handle</div></li><li><code>fn</code> : Function<div class="sub-desc">The handler function the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (this element) of the handler function</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing standard <a ext:cls="Ext.Element" ext:member="addListener" href="output/Ext.Element.html#addListener">addListener</a> options</div></li> </ul> |
---|
2085 | <strong>Returns:</strong> |
---|
2086 | <ul> |
---|
2087 | <li><code>void</code></li> |
---|
2088 | </ul> |
---|
2089 | </div> |
---|
2090 | </div> |
---|
2091 | </div> |
---|
2092 | </td> |
---|
2093 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#on" href="output/Ext.Element.html#on">Element</a></td> |
---|
2094 | </tr> |
---|
2095 | <tr class="method-row inherited alt expandable"> |
---|
2096 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2097 | <td class="sig"> |
---|
2098 | <a id="Ext.Layer-parent"></a> |
---|
2099 | <b>parent</b>( <span class="optional" title="Optional">[<code>String selector</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : Ext.Element/HTMLElement <div class="mdesc"> |
---|
2100 | <div class="short">Gets the parent node for this element, optionally chaining up trying to match a selector</div> |
---|
2101 | <div class="long"> |
---|
2102 | Gets the parent node for this element, optionally chaining up trying to match a selector <div class="mdetail-params"> |
---|
2103 | <strong>Parameters:</strong> |
---|
2104 | <ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find a parent node that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li> </ul> |
---|
2105 | <strong>Returns:</strong> |
---|
2106 | <ul> |
---|
2107 | <li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The parent node or null</div></li> |
---|
2108 | </ul> |
---|
2109 | </div> |
---|
2110 | </div> |
---|
2111 | </div> |
---|
2112 | </td> |
---|
2113 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#parent" href="output/Ext.Element.html#parent">Element</a></td> |
---|
2114 | </tr> |
---|
2115 | <tr class="method-row inherited expandable"> |
---|
2116 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2117 | <td class="sig"> |
---|
2118 | <a id="Ext.Layer-position"></a> |
---|
2119 | <b>position</b>( <span class="optional" title="Optional">[<code>String pos</code>]</span>, <span class="optional" title="Optional">[<code>Number zIndex</code>]</span>, <span class="optional" title="Optional">[<code>Number x</code>]</span>, <span class="optional" title="Optional">[<code>Number y</code>]</span> ) : void <div class="mdesc"> |
---|
2120 | <div class="short">Initializes positioning on this element. If a desired position is not passed, it will make the |
---|
2121 | the element positioned...</div> |
---|
2122 | <div class="long"> |
---|
2123 | Initializes positioning on this element. If a desired position is not passed, it will make the |
---|
2124 | the element positioned relative IF it is not already positioned. <div class="mdetail-params"> |
---|
2125 | <strong>Parameters:</strong> |
---|
2126 | <ul><li><code>pos</code> : String<div class="sub-desc">(optional) Positioning to use "relative", "absolute" or "fixed"</div></li><li><code>zIndex</code> : Number<div class="sub-desc">(optional) The zIndex to apply</div></li><li><code>x</code> : Number<div class="sub-desc">(optional) Set the page X position</div></li><li><code>y</code> : Number<div class="sub-desc">(optional) Set the page Y position</div></li> </ul> |
---|
2127 | <strong>Returns:</strong> |
---|
2128 | <ul> |
---|
2129 | <li><code>void</code></li> |
---|
2130 | </ul> |
---|
2131 | </div> |
---|
2132 | </div> |
---|
2133 | </div> |
---|
2134 | </td> |
---|
2135 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#position" href="output/Ext.Element.html#position">Element</a></td> |
---|
2136 | </tr> |
---|
2137 | <tr class="method-row inherited alt expandable"> |
---|
2138 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2139 | <td class="sig"> |
---|
2140 | <a id="Ext.Layer-prev"></a> |
---|
2141 | <b>prev</b>( <span class="optional" title="Optional">[<code>String selector</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : Ext.Element/HTMLElement <div class="mdesc"> |
---|
2142 | <div class="short">Gets the previous sibling, skipping text nodes</div> |
---|
2143 | <div class="long"> |
---|
2144 | Gets the previous sibling, skipping text nodes <div class="mdetail-params"> |
---|
2145 | <strong>Parameters:</strong> |
---|
2146 | <ul><li><code>selector</code> : String<div class="sub-desc">(optional) Find the previous sibling that matches the passed simple selector</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return a raw dom node instead of an Ext.Element</div></li> </ul> |
---|
2147 | <strong>Returns:</strong> |
---|
2148 | <ul> |
---|
2149 | <li><code>Ext.Element/HTMLElement</code><div class="sub-desc">The previous sibling or null</div></li> |
---|
2150 | </ul> |
---|
2151 | </div> |
---|
2152 | </div> |
---|
2153 | </div> |
---|
2154 | </td> |
---|
2155 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#prev" href="output/Ext.Element.html#prev">Element</a></td> |
---|
2156 | </tr> |
---|
2157 | <tr class="method-row inherited expandable"> |
---|
2158 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2159 | <td class="sig"> |
---|
2160 | <a id="Ext.Layer-query"></a> |
---|
2161 | <b>query</b>( <code>String selector</code> ) : Array <div class="mdesc"> |
---|
2162 | <div class="short">Selects child nodes based on the passed CSS selector (the selector should not contain an id).</div> |
---|
2163 | <div class="long"> |
---|
2164 | Selects child nodes based on the passed CSS selector (the selector should not contain an id). <div class="mdetail-params"> |
---|
2165 | <strong>Parameters:</strong> |
---|
2166 | <ul><li><code>selector</code> : String<div class="sub-desc">The CSS selector</div></li> </ul> |
---|
2167 | <strong>Returns:</strong> |
---|
2168 | <ul> |
---|
2169 | <li><code>Array</code><div class="sub-desc">An array of the matched nodes</div></li> |
---|
2170 | </ul> |
---|
2171 | </div> |
---|
2172 | </div> |
---|
2173 | </div> |
---|
2174 | </td> |
---|
2175 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#query" href="output/Ext.Element.html#query">Element</a></td> |
---|
2176 | </tr> |
---|
2177 | <tr class="method-row inherited alt expandable"> |
---|
2178 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2179 | <td class="sig"> |
---|
2180 | <a id="Ext.Layer-radioClass"></a> |
---|
2181 | <b>radioClass</b>( <code>String/Array className</code> ) : Ext.Element <div class="mdesc"> |
---|
2182 | <div class="short">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</div> |
---|
2183 | <div class="long"> |
---|
2184 | Adds one or more CSS classes to this element and removes the same class(es) from all siblings. <div class="mdetail-params"> |
---|
2185 | <strong>Parameters:</strong> |
---|
2186 | <ul><li><code>className</code> : String/Array<div class="sub-desc">The CSS class to add, or an array of classes</div></li> </ul> |
---|
2187 | <strong>Returns:</strong> |
---|
2188 | <ul> |
---|
2189 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2190 | </ul> |
---|
2191 | </div> |
---|
2192 | </div> |
---|
2193 | </div> |
---|
2194 | </td> |
---|
2195 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#radioClass" href="output/Ext.Element.html#radioClass">Element</a></td> |
---|
2196 | </tr> |
---|
2197 | <tr class="method-row inherited expandable"> |
---|
2198 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2199 | <td class="sig"> |
---|
2200 | <a id="Ext.Layer-relayEvent"></a> |
---|
2201 | <b>relayEvent</b>( <code>String eventName</code>, <code>Object object</code> ) : void <div class="mdesc"> |
---|
2202 | <div class="short">Create an event handler on this element such that when the event fires and is handled by this element, |
---|
2203 | it will be rel...</div> |
---|
2204 | <div class="long"> |
---|
2205 | Create an event handler on this element such that when the event fires and is handled by this element, |
---|
2206 | it will be relayed to another object (i.e., fired again as if it originated from that object instead). <div class="mdetail-params"> |
---|
2207 | <strong>Parameters:</strong> |
---|
2208 | <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to relay</div></li><li><code>object</code> : Object<div class="sub-desc">Any object that extends <a ext:cls="Ext.util.Observable" href="output/Ext.util.Observable.html">Ext.util.Observable</a> that will provide the context |
---|
2209 | for firing the relayed event</div></li> </ul> |
---|
2210 | <strong>Returns:</strong> |
---|
2211 | <ul> |
---|
2212 | <li><code>void</code></li> |
---|
2213 | </ul> |
---|
2214 | </div> |
---|
2215 | </div> |
---|
2216 | </div> |
---|
2217 | </td> |
---|
2218 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#relayEvent" href="output/Ext.Element.html#relayEvent">Element</a></td> |
---|
2219 | </tr> |
---|
2220 | <tr class="method-row inherited alt expandable"> |
---|
2221 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2222 | <td class="sig"> |
---|
2223 | <a id="Ext.Layer-remove"></a> |
---|
2224 | <b>remove</b>() : void <div class="mdesc"> |
---|
2225 | <div class="short">Removes this element from the DOM and deletes it from the cache</div> |
---|
2226 | <div class="long"> |
---|
2227 | Removes this element from the DOM and deletes it from the cache <div class="mdetail-params"> |
---|
2228 | <strong>Parameters:</strong> |
---|
2229 | <ul><li>None.</li> </ul> |
---|
2230 | <strong>Returns:</strong> |
---|
2231 | <ul> |
---|
2232 | <li><code>void</code></li> |
---|
2233 | </ul> |
---|
2234 | </div> |
---|
2235 | </div> |
---|
2236 | </div> |
---|
2237 | </td> |
---|
2238 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#remove" href="output/Ext.Element.html#remove">Element</a></td> |
---|
2239 | </tr> |
---|
2240 | <tr class="method-row inherited expandable"> |
---|
2241 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2242 | <td class="sig"> |
---|
2243 | <a id="Ext.Layer-removeAllListeners"></a> |
---|
2244 | <b>removeAllListeners</b>() : Ext.Element <div class="mdesc"> |
---|
2245 | <div class="short">Removes all previous added listeners from this element</div> |
---|
2246 | <div class="long"> |
---|
2247 | Removes all previous added listeners from this element <div class="mdetail-params"> |
---|
2248 | <strong>Parameters:</strong> |
---|
2249 | <ul><li>None.</li> </ul> |
---|
2250 | <strong>Returns:</strong> |
---|
2251 | <ul> |
---|
2252 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2253 | </ul> |
---|
2254 | </div> |
---|
2255 | </div> |
---|
2256 | </div> |
---|
2257 | </td> |
---|
2258 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#removeAllListeners" href="output/Ext.Element.html#removeAllListeners">Element</a></td> |
---|
2259 | </tr> |
---|
2260 | <tr class="method-row inherited alt expandable"> |
---|
2261 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2262 | <td class="sig"> |
---|
2263 | <a id="Ext.Layer-removeClass"></a> |
---|
2264 | <b>removeClass</b>( <code>String/Array className</code> ) : Ext.Element <div class="mdesc"> |
---|
2265 | <div class="short">Removes one or more CSS classes from the element.</div> |
---|
2266 | <div class="long"> |
---|
2267 | Removes one or more CSS classes from the element. <div class="mdetail-params"> |
---|
2268 | <strong>Parameters:</strong> |
---|
2269 | <ul><li><code>className</code> : String/Array<div class="sub-desc">The CSS class to remove, or an array of classes</div></li> </ul> |
---|
2270 | <strong>Returns:</strong> |
---|
2271 | <ul> |
---|
2272 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2273 | </ul> |
---|
2274 | </div> |
---|
2275 | </div> |
---|
2276 | </div> |
---|
2277 | </td> |
---|
2278 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#removeClass" href="output/Ext.Element.html#removeClass">Element</a></td> |
---|
2279 | </tr> |
---|
2280 | <tr class="method-row inherited expandable"> |
---|
2281 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2282 | <td class="sig"> |
---|
2283 | <a id="Ext.Layer-removeListener"></a> |
---|
2284 | <b>removeListener</b>( <code>String eventName</code>, <code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2285 | <div class="short">Removes an event handler from this element. The shorthand version un is equivalent. Example: |
---|
2286 | el.removeListener('cli...</div> |
---|
2287 | <div class="long"> |
---|
2288 | Removes an event handler from this element. The shorthand version <a ext:cls="Ext.Element" ext:member="un" href="output/Ext.Element.html#un">un</a> is equivalent. Example: |
---|
2289 | <pre><code>el.removeListener(<em>'click'</em>, <b>this</b>.handlerFn); |
---|
2290 | <i>// or</i> |
---|
2291 | el.un(<em>'click'</em>, <b>this</b>.handlerFn);</code></pre> <div class="mdetail-params"> |
---|
2292 | <strong>Parameters:</strong> |
---|
2293 | <ul><li><code>eventName</code> : String<div class="sub-desc">the type of event to remove</div></li><li><code>fn</code> : Function<div class="sub-desc">the method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (The <tt>this</tt> reference) of the handler function. Defaults |
---|
2294 | to this Element.</div></li> </ul> |
---|
2295 | <strong>Returns:</strong> |
---|
2296 | <ul> |
---|
2297 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2298 | </ul> |
---|
2299 | </div> |
---|
2300 | </div> |
---|
2301 | </div> |
---|
2302 | </td> |
---|
2303 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#removeListener" href="output/Ext.Element.html#removeListener">Element</a></td> |
---|
2304 | </tr> |
---|
2305 | <tr class="method-row inherited alt expandable"> |
---|
2306 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2307 | <td class="sig"> |
---|
2308 | <a id="Ext.Layer-repaint"></a> |
---|
2309 | <b>repaint</b>() : Ext.Element <div class="mdesc"> |
---|
2310 | <div class="short">Forces the browser to repaint this element</div> |
---|
2311 | <div class="long"> |
---|
2312 | Forces the browser to repaint this element <div class="mdetail-params"> |
---|
2313 | <strong>Parameters:</strong> |
---|
2314 | <ul><li>None.</li> </ul> |
---|
2315 | <strong>Returns:</strong> |
---|
2316 | <ul> |
---|
2317 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2318 | </ul> |
---|
2319 | </div> |
---|
2320 | </div> |
---|
2321 | </div> |
---|
2322 | </td> |
---|
2323 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#repaint" href="output/Ext.Element.html#repaint">Element</a></td> |
---|
2324 | </tr> |
---|
2325 | <tr class="method-row inherited expandable"> |
---|
2326 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2327 | <td class="sig"> |
---|
2328 | <a id="Ext.Layer-replace"></a> |
---|
2329 | <b>replace</b>( <code>Mixed el</code> ) : Ext.Element <div class="mdesc"> |
---|
2330 | <div class="short">Replaces the passed element with this element</div> |
---|
2331 | <div class="long"> |
---|
2332 | Replaces the passed element with this element <div class="mdetail-params"> |
---|
2333 | <strong>Parameters:</strong> |
---|
2334 | <ul><li><code>el</code> : Mixed<div class="sub-desc">The element to replace</div></li> </ul> |
---|
2335 | <strong>Returns:</strong> |
---|
2336 | <ul> |
---|
2337 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2338 | </ul> |
---|
2339 | </div> |
---|
2340 | </div> |
---|
2341 | </div> |
---|
2342 | </td> |
---|
2343 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#replace" href="output/Ext.Element.html#replace">Element</a></td> |
---|
2344 | </tr> |
---|
2345 | <tr class="method-row inherited alt expandable"> |
---|
2346 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2347 | <td class="sig"> |
---|
2348 | <a id="Ext.Layer-replaceClass"></a> |
---|
2349 | <b>replaceClass</b>( <code>String oldClassName</code>, <code>String newClassName</code> ) : Ext.Element <div class="mdesc"> |
---|
2350 | <div class="short">Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added.</div> |
---|
2351 | <div class="long"> |
---|
2352 | Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added. <div class="mdetail-params"> |
---|
2353 | <strong>Parameters:</strong> |
---|
2354 | <ul><li><code>oldClassName</code> : String<div class="sub-desc">The CSS class to replace</div></li><li><code>newClassName</code> : String<div class="sub-desc">The replacement CSS class</div></li> </ul> |
---|
2355 | <strong>Returns:</strong> |
---|
2356 | <ul> |
---|
2357 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2358 | </ul> |
---|
2359 | </div> |
---|
2360 | </div> |
---|
2361 | </div> |
---|
2362 | </td> |
---|
2363 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#replaceClass" href="output/Ext.Element.html#replaceClass">Element</a></td> |
---|
2364 | </tr> |
---|
2365 | <tr class="method-row inherited expandable"> |
---|
2366 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2367 | <td class="sig"> |
---|
2368 | <a id="Ext.Layer-replaceWith"></a> |
---|
2369 | <b>replaceWith</b>( <code>Mixed/Object el</code> ) : Ext.Element <div class="mdesc"> |
---|
2370 | <div class="short">Replaces this element with the passed element</div> |
---|
2371 | <div class="long"> |
---|
2372 | Replaces this element with the passed element <div class="mdetail-params"> |
---|
2373 | <strong>Parameters:</strong> |
---|
2374 | <ul><li><code>el</code> : Mixed/Object<div class="sub-desc">The new element or a DomHelper config of an element to create</div></li> </ul> |
---|
2375 | <strong>Returns:</strong> |
---|
2376 | <ul> |
---|
2377 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2378 | </ul> |
---|
2379 | </div> |
---|
2380 | </div> |
---|
2381 | </div> |
---|
2382 | </td> |
---|
2383 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#replaceWith" href="output/Ext.Element.html#replaceWith">Element</a></td> |
---|
2384 | </tr> |
---|
2385 | <tr class="method-row inherited alt expandable"> |
---|
2386 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2387 | <td class="sig"> |
---|
2388 | <a id="Ext.Layer-scroll"></a> |
---|
2389 | <b>scroll</b>( <code>String direction</code>, <code>Number distance</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Boolean <div class="mdesc"> |
---|
2390 | <div class="short">Scrolls this element the specified direction. Does bounds checking to make sure the scroll is |
---|
2391 | within this element's s...</div> |
---|
2392 | <div class="long"> |
---|
2393 | Scrolls this element the specified direction. Does bounds checking to make sure the scroll is |
---|
2394 | within this element's scrollable range. <div class="mdetail-params"> |
---|
2395 | <strong>Parameters:</strong> |
---|
2396 | <ul><li><code>direction</code> : String<div class="sub-desc">Possible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down").</div></li><li><code>distance</code> : Number<div class="sub-desc">How far to scroll the element in pixels</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> |
---|
2397 | <strong>Returns:</strong> |
---|
2398 | <ul> |
---|
2399 | <li><code>Boolean</code><div class="sub-desc">Returns true if a scroll was triggered or false if the element was scrolled as far as it could go.</div></li> |
---|
2400 | </ul> |
---|
2401 | </div> |
---|
2402 | </div> |
---|
2403 | </div> |
---|
2404 | </td> |
---|
2405 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#scroll" href="output/Ext.Element.html#scroll">Element</a></td> |
---|
2406 | </tr> |
---|
2407 | <tr class="method-row inherited expandable"> |
---|
2408 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2409 | <td class="sig"> |
---|
2410 | <a id="Ext.Layer-scrollIntoView"></a> |
---|
2411 | <b>scrollIntoView</b>( <span class="optional" title="Optional">[<code>Mixed container</code>]</span>, <span class="optional" title="Optional">[<code>Boolean hscroll</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2412 | <div class="short">Scrolls this element into view within the passed container.</div> |
---|
2413 | <div class="long"> |
---|
2414 | Scrolls this element into view within the passed container. <div class="mdetail-params"> |
---|
2415 | <strong>Parameters:</strong> |
---|
2416 | <ul><li><code>container</code> : Mixed<div class="sub-desc">(optional) The container element to scroll (defaults to document.body). Should be a |
---|
2417 | string (id), dom node, or Ext.Element.</div></li><li><code>hscroll</code> : Boolean<div class="sub-desc">(optional) False to disable horizontal scroll (defaults to true)</div></li> </ul> |
---|
2418 | <strong>Returns:</strong> |
---|
2419 | <ul> |
---|
2420 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2421 | </ul> |
---|
2422 | </div> |
---|
2423 | </div> |
---|
2424 | </div> |
---|
2425 | </td> |
---|
2426 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#scrollIntoView" href="output/Ext.Element.html#scrollIntoView">Element</a></td> |
---|
2427 | </tr> |
---|
2428 | <tr class="method-row inherited alt expandable"> |
---|
2429 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2430 | <td class="sig"> |
---|
2431 | <a id="Ext.Layer-scrollTo"></a> |
---|
2432 | <b>scrollTo</b>( <code>String side</code>, <code>Number value</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Element <div class="mdesc"> |
---|
2433 | <div class="short">Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it ...</div> |
---|
2434 | <div class="long"> |
---|
2435 | Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll(). <div class="mdetail-params"> |
---|
2436 | <strong>Parameters:</strong> |
---|
2437 | <ul><li><code>side</code> : String<div class="sub-desc">Either "left" for scrollLeft values or "top" for scrollTop values.</div></li><li><code>value</code> : Number<div class="sub-desc">The new scroll value</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> |
---|
2438 | <strong>Returns:</strong> |
---|
2439 | <ul> |
---|
2440 | <li><code>Element</code><div class="sub-desc">this</div></li> |
---|
2441 | </ul> |
---|
2442 | </div> |
---|
2443 | </div> |
---|
2444 | </div> |
---|
2445 | </td> |
---|
2446 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#scrollTo" href="output/Ext.Element.html#scrollTo">Element</a></td> |
---|
2447 | </tr> |
---|
2448 | <tr class="method-row inherited expandable"> |
---|
2449 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2450 | <td class="sig"> |
---|
2451 | <a id="Ext.Layer-select"></a> |
---|
2452 | <b>select</b>( <code>String selector</code>, <span class="optional" title="Optional">[<code>Boolean unique</code>]</span> ) : CompositeElement/CompositeElementLite <div class="mdesc"> |
---|
2453 | <div class="short">Creates a <a ext:cls="Ext.CompositeElement" href="output/Ext.CompositeElement.html">Ext.CompositeElement</a> for child nodes based on the passed CSS selector (the selector should not contain an id).</div> |
---|
2454 | <div class="long"> |
---|
2455 | Creates a <a ext:cls="Ext.CompositeElement" href="output/Ext.CompositeElement.html">Ext.CompositeElement</a> for child nodes based on the passed CSS selector (the selector should not contain an id). <div class="mdetail-params"> |
---|
2456 | <strong>Parameters:</strong> |
---|
2457 | <ul><li><code>selector</code> : String<div class="sub-desc">The CSS selector</div></li><li><code>unique</code> : Boolean<div class="sub-desc">(optional) True to create a unique Ext.Element for each child (defaults to false, which creates a single shared flyweight object)</div></li> </ul> |
---|
2458 | <strong>Returns:</strong> |
---|
2459 | <ul> |
---|
2460 | <li><code>CompositeElement/CompositeElementLite</code><div class="sub-desc">The composite element</div></li> |
---|
2461 | </ul> |
---|
2462 | </div> |
---|
2463 | </div> |
---|
2464 | </div> |
---|
2465 | </td> |
---|
2466 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#select" href="output/Ext.Element.html#select">Element</a></td> |
---|
2467 | </tr> |
---|
2468 | <tr class="method-row inherited alt expandable"> |
---|
2469 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2470 | <td class="sig"> |
---|
2471 | <a id="Ext.Layer-set"></a> |
---|
2472 | <b>set</b>( <code>Object o</code>, <span class="optional" title="Optional">[<code>Boolean useSet</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2473 | <div class="short">Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)</div> |
---|
2474 | <div class="long"> |
---|
2475 | Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function) <div class="mdetail-params"> |
---|
2476 | <strong>Parameters:</strong> |
---|
2477 | <ul><li><code>o</code> : Object<div class="sub-desc">The object with the attributes</div></li><li><code>useSet</code> : Boolean<div class="sub-desc">(optional) false to override the default setAttribute to use expandos.</div></li> </ul> |
---|
2478 | <strong>Returns:</strong> |
---|
2479 | <ul> |
---|
2480 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2481 | </ul> |
---|
2482 | </div> |
---|
2483 | </div> |
---|
2484 | </div> |
---|
2485 | </td> |
---|
2486 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#set" href="output/Ext.Element.html#set">Element</a></td> |
---|
2487 | </tr> |
---|
2488 | <tr class="method-row inherited expandable"> |
---|
2489 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2490 | <td class="sig"> |
---|
2491 | <a id="Ext.Layer-setBottom"></a> |
---|
2492 | <b>setBottom</b>( <code>String bottom</code> ) : Ext.Element <div class="mdesc"> |
---|
2493 | <div class="short">Sets the element's CSS bottom style.</div> |
---|
2494 | <div class="long"> |
---|
2495 | Sets the element's CSS bottom style. <div class="mdetail-params"> |
---|
2496 | <strong>Parameters:</strong> |
---|
2497 | <ul><li><code>bottom</code> : String<div class="sub-desc">The bottom CSS property value</div></li> </ul> |
---|
2498 | <strong>Returns:</strong> |
---|
2499 | <ul> |
---|
2500 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2501 | </ul> |
---|
2502 | </div> |
---|
2503 | </div> |
---|
2504 | </div> |
---|
2505 | </td> |
---|
2506 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setBottom" href="output/Ext.Element.html#setBottom">Element</a></td> |
---|
2507 | </tr> |
---|
2508 | <tr class="method-row inherited alt expandable"> |
---|
2509 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2510 | <td class="sig"> |
---|
2511 | <a id="Ext.Layer-setBounds"></a> |
---|
2512 | <b>setBounds</b>( <code>Number x</code>, <code>Number y</code>, <code>Number width</code>, <code>Number height</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2513 | <div class="short">Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated c...</div> |
---|
2514 | <div class="long"> |
---|
2515 | Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently. <div class="mdetail-params"> |
---|
2516 | <strong>Parameters:</strong> |
---|
2517 | <ul><li><code>x</code> : Number<div class="sub-desc">X value for new position (coordinates are page-based)</div></li><li><code>y</code> : Number<div class="sub-desc">Y value for new position (coordinates are page-based)</div></li><li><code>width</code> : Number<div class="sub-desc">The new width</div></li><li><code>height</code> : Number<div class="sub-desc">The new height</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> |
---|
2518 | <strong>Returns:</strong> |
---|
2519 | <ul> |
---|
2520 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2521 | </ul> |
---|
2522 | </div> |
---|
2523 | </div> |
---|
2524 | </div> |
---|
2525 | </td> |
---|
2526 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setBounds" href="output/Ext.Element.html#setBounds">Element</a></td> |
---|
2527 | </tr> |
---|
2528 | <tr class="method-row inherited expandable"> |
---|
2529 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2530 | <td class="sig"> |
---|
2531 | <a id="Ext.Layer-setBox"></a> |
---|
2532 | <b>setBox</b>( <code>Object box</code>, <span class="optional" title="Optional">[<code>Boolean adjust</code>]</span>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2533 | <div class="short">Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x an...</div> |
---|
2534 | <div class="long"> |
---|
2535 | Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently. <div class="mdetail-params"> |
---|
2536 | <strong>Parameters:</strong> |
---|
2537 | <ul><li><code>box</code> : Object<div class="sub-desc">The box to fill {x, y, width, height}</div></li><li><code>adjust</code> : Boolean<div class="sub-desc">(optional) Whether to adjust for box-model issues automatically</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> |
---|
2538 | <strong>Returns:</strong> |
---|
2539 | <ul> |
---|
2540 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2541 | </ul> |
---|
2542 | </div> |
---|
2543 | </div> |
---|
2544 | </div> |
---|
2545 | </td> |
---|
2546 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setBox" href="output/Ext.Element.html#setBox">Element</a></td> |
---|
2547 | </tr> |
---|
2548 | <tr class="method-row inherited alt expandable"> |
---|
2549 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2550 | <td class="sig"> |
---|
2551 | <a id="Ext.Layer-setDisplayed"></a> |
---|
2552 | <b>setDisplayed</b>( <code>Mixed value</code> ) : Ext.Element <div class="mdesc"> |
---|
2553 | <div class="short">Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.</div> |
---|
2554 | <div class="long"> |
---|
2555 | Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true. <div class="mdetail-params"> |
---|
2556 | <strong>Parameters:</strong> |
---|
2557 | <ul><li><code>value</code> : Mixed<div class="sub-desc">Boolean value to display the element using its default display, or a string to set the display directly.</div></li> </ul> |
---|
2558 | <strong>Returns:</strong> |
---|
2559 | <ul> |
---|
2560 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2561 | </ul> |
---|
2562 | </div> |
---|
2563 | </div> |
---|
2564 | </div> |
---|
2565 | </td> |
---|
2566 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setDisplayed" href="output/Ext.Element.html#setDisplayed">Element</a></td> |
---|
2567 | </tr> |
---|
2568 | <tr class="method-row inherited expandable"> |
---|
2569 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2570 | <td class="sig"> |
---|
2571 | <a id="Ext.Layer-setHeight"></a> |
---|
2572 | <b>setHeight</b>( <code>Number height</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2573 | <div class="short">Set the height of the element</div> |
---|
2574 | <div class="long"> |
---|
2575 | Set the height of the element <div class="mdetail-params"> |
---|
2576 | <strong>Parameters:</strong> |
---|
2577 | <ul><li><code>height</code> : Number<div class="sub-desc">The new height</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> |
---|
2578 | <strong>Returns:</strong> |
---|
2579 | <ul> |
---|
2580 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2581 | </ul> |
---|
2582 | </div> |
---|
2583 | </div> |
---|
2584 | </div> |
---|
2585 | </td> |
---|
2586 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setHeight" href="output/Ext.Element.html#setHeight">Element</a></td> |
---|
2587 | </tr> |
---|
2588 | <tr class="method-row inherited alt expandable"> |
---|
2589 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2590 | <td class="sig"> |
---|
2591 | <a id="Ext.Layer-setLeft"></a> |
---|
2592 | <b>setLeft</b>( <code>String left</code> ) : Ext.Element <div class="mdesc"> |
---|
2593 | <div class="short">Sets the element's left position directly using CSS style (instead of <a ext:cls="Ext.Element" ext:member="setX" href="output/Ext.Element.html#setX">setX</a>).</div> |
---|
2594 | <div class="long"> |
---|
2595 | Sets the element's left position directly using CSS style (instead of <a ext:cls="Ext.Element" ext:member="setX" href="output/Ext.Element.html#setX">setX</a>). <div class="mdetail-params"> |
---|
2596 | <strong>Parameters:</strong> |
---|
2597 | <ul><li><code>left</code> : String<div class="sub-desc">The left CSS property value</div></li> </ul> |
---|
2598 | <strong>Returns:</strong> |
---|
2599 | <ul> |
---|
2600 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2601 | </ul> |
---|
2602 | </div> |
---|
2603 | </div> |
---|
2604 | </div> |
---|
2605 | </td> |
---|
2606 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setLeft" href="output/Ext.Element.html#setLeft">Element</a></td> |
---|
2607 | </tr> |
---|
2608 | <tr class="method-row inherited expandable"> |
---|
2609 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2610 | <td class="sig"> |
---|
2611 | <a id="Ext.Layer-setLeftTop"></a> |
---|
2612 | <b>setLeftTop</b>( <code>String left</code>, <code>String top</code> ) : Ext.Element <div class="mdesc"> |
---|
2613 | <div class="short">Quick set left and top adding default units</div> |
---|
2614 | <div class="long"> |
---|
2615 | Quick set left and top adding default units <div class="mdetail-params"> |
---|
2616 | <strong>Parameters:</strong> |
---|
2617 | <ul><li><code>left</code> : String<div class="sub-desc">The left CSS property value</div></li><li><code>top</code> : String<div class="sub-desc">The top CSS property value</div></li> </ul> |
---|
2618 | <strong>Returns:</strong> |
---|
2619 | <ul> |
---|
2620 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2621 | </ul> |
---|
2622 | </div> |
---|
2623 | </div> |
---|
2624 | </div> |
---|
2625 | </td> |
---|
2626 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setLeftTop" href="output/Ext.Element.html#setLeftTop">Element</a></td> |
---|
2627 | </tr> |
---|
2628 | <tr class="method-row inherited alt expandable"> |
---|
2629 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2630 | <td class="sig"> |
---|
2631 | <a id="Ext.Layer-setLocation"></a> |
---|
2632 | <b>setLocation</b>( <code>Number x</code>, <code>Number y</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2633 | <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned. |
---|
2634 | The element must b...</div> |
---|
2635 | <div class="long"> |
---|
2636 | Sets the position of the element in page coordinates, regardless of how the element is positioned. |
---|
2637 | The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
2638 | <strong>Parameters:</strong> |
---|
2639 | <ul><li><code>x</code> : Number<div class="sub-desc">X value for new position (coordinates are page-based)</div></li><li><code>y</code> : Number<div class="sub-desc">Y value for new position (coordinates are page-based)</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> |
---|
2640 | <strong>Returns:</strong> |
---|
2641 | <ul> |
---|
2642 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2643 | </ul> |
---|
2644 | </div> |
---|
2645 | </div> |
---|
2646 | </div> |
---|
2647 | </td> |
---|
2648 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setLocation" href="output/Ext.Element.html#setLocation">Element</a></td> |
---|
2649 | </tr> |
---|
2650 | <tr class="method-row inherited expandable"> |
---|
2651 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2652 | <td class="sig"> |
---|
2653 | <a id="Ext.Layer-setOpacity"></a> |
---|
2654 | <b>setOpacity</b>( <code>Float opacity</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2655 | <div class="short">Set the opacity of the element</div> |
---|
2656 | <div class="long"> |
---|
2657 | Set the opacity of the element <div class="mdetail-params"> |
---|
2658 | <strong>Parameters:</strong> |
---|
2659 | <ul><li><code>opacity</code> : Float<div class="sub-desc">The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc</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> |
---|
2660 | <strong>Returns:</strong> |
---|
2661 | <ul> |
---|
2662 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2663 | </ul> |
---|
2664 | </div> |
---|
2665 | </div> |
---|
2666 | </div> |
---|
2667 | </td> |
---|
2668 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setOpacity" href="output/Ext.Element.html#setOpacity">Element</a></td> |
---|
2669 | </tr> |
---|
2670 | <tr class="method-row inherited alt expandable"> |
---|
2671 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2672 | <td class="sig"> |
---|
2673 | <a id="Ext.Layer-setPositioning"></a> |
---|
2674 | <b>setPositioning</b>( <code>Object posCfg</code> ) : Ext.Element <div class="mdesc"> |
---|
2675 | <div class="short">Set positioning with an object returned by getPositioning().</div> |
---|
2676 | <div class="long"> |
---|
2677 | Set positioning with an object returned by getPositioning(). <div class="mdetail-params"> |
---|
2678 | <strong>Parameters:</strong> |
---|
2679 | <ul><li><code>posCfg</code> : Object<div class="sub-desc"></div></li> </ul> |
---|
2680 | <strong>Returns:</strong> |
---|
2681 | <ul> |
---|
2682 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2683 | </ul> |
---|
2684 | </div> |
---|
2685 | </div> |
---|
2686 | </div> |
---|
2687 | </td> |
---|
2688 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setPositioning" href="output/Ext.Element.html#setPositioning">Element</a></td> |
---|
2689 | </tr> |
---|
2690 | <tr class="method-row inherited expandable"> |
---|
2691 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2692 | <td class="sig"> |
---|
2693 | <a id="Ext.Layer-setRegion"></a> |
---|
2694 | <b>setRegion</b>( <code>Ext.lib.Region region</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2695 | <div class="short">Sets the element's position and size the specified region. If animation is true then width, height, x and y will be a...</div> |
---|
2696 | <div class="long"> |
---|
2697 | Sets the element's position and size the specified region. If animation is true then width, height, x and y will be animated concurrently. <div class="mdetail-params"> |
---|
2698 | <strong>Parameters:</strong> |
---|
2699 | <ul><li><code>region</code> : Ext.lib.Region<div class="sub-desc">The region to fill</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> |
---|
2700 | <strong>Returns:</strong> |
---|
2701 | <ul> |
---|
2702 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2703 | </ul> |
---|
2704 | </div> |
---|
2705 | </div> |
---|
2706 | </div> |
---|
2707 | </td> |
---|
2708 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setRegion" href="output/Ext.Element.html#setRegion">Element</a></td> |
---|
2709 | </tr> |
---|
2710 | <tr class="method-row inherited alt expandable"> |
---|
2711 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2712 | <td class="sig"> |
---|
2713 | <a id="Ext.Layer-setRight"></a> |
---|
2714 | <b>setRight</b>( <code>String right</code> ) : Ext.Element <div class="mdesc"> |
---|
2715 | <div class="short">Sets the element's CSS right style.</div> |
---|
2716 | <div class="long"> |
---|
2717 | Sets the element's CSS right style. <div class="mdetail-params"> |
---|
2718 | <strong>Parameters:</strong> |
---|
2719 | <ul><li><code>right</code> : String<div class="sub-desc">The right CSS property value</div></li> </ul> |
---|
2720 | <strong>Returns:</strong> |
---|
2721 | <ul> |
---|
2722 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2723 | </ul> |
---|
2724 | </div> |
---|
2725 | </div> |
---|
2726 | </div> |
---|
2727 | </td> |
---|
2728 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setRight" href="output/Ext.Element.html#setRight">Element</a></td> |
---|
2729 | </tr> |
---|
2730 | <tr class="method-row inherited expandable"> |
---|
2731 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2732 | <td class="sig"> |
---|
2733 | <a id="Ext.Layer-setSize"></a> |
---|
2734 | <b>setSize</b>( <code>Number width</code>, <code>Number height</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2735 | <div class="short">Set the size of the element. If animation is true, both width an height will be animated concurrently.</div> |
---|
2736 | <div class="long"> |
---|
2737 | Set the size of the element. If animation is true, both width an height will be animated concurrently. <div class="mdetail-params"> |
---|
2738 | <strong>Parameters:</strong> |
---|
2739 | <ul><li><code>width</code> : Number<div class="sub-desc">The new width</div></li><li><code>height</code> : Number<div class="sub-desc">The new height</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> |
---|
2740 | <strong>Returns:</strong> |
---|
2741 | <ul> |
---|
2742 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2743 | </ul> |
---|
2744 | </div> |
---|
2745 | </div> |
---|
2746 | </div> |
---|
2747 | </td> |
---|
2748 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setSize" href="output/Ext.Element.html#setSize">Element</a></td> |
---|
2749 | </tr> |
---|
2750 | <tr class="method-row inherited alt expandable"> |
---|
2751 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2752 | <td class="sig"> |
---|
2753 | <a id="Ext.Layer-setStyle"></a> |
---|
2754 | <b>setStyle</b>( <code>String/Object property</code>, <span class="optional" title="Optional">[<code>String value</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2755 | <div class="short">Wrapper for setting style properties, also takes single object parameter of multiple styles.</div> |
---|
2756 | <div class="long"> |
---|
2757 | Wrapper for setting style properties, also takes single object parameter of multiple styles. <div class="mdetail-params"> |
---|
2758 | <strong>Parameters:</strong> |
---|
2759 | <ul><li><code>property</code> : String/Object<div class="sub-desc">The style property to be set, or an object of multiple styles.</div></li><li><code>value</code> : String<div class="sub-desc">(optional) The value to apply to the given property, or null if an object was passed.</div></li> </ul> |
---|
2760 | <strong>Returns:</strong> |
---|
2761 | <ul> |
---|
2762 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2763 | </ul> |
---|
2764 | </div> |
---|
2765 | </div> |
---|
2766 | </div> |
---|
2767 | </td> |
---|
2768 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setStyle" href="output/Ext.Element.html#setStyle">Element</a></td> |
---|
2769 | </tr> |
---|
2770 | <tr class="method-row inherited expandable"> |
---|
2771 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2772 | <td class="sig"> |
---|
2773 | <a id="Ext.Layer-setTop"></a> |
---|
2774 | <b>setTop</b>( <code>String top</code> ) : Ext.Element <div class="mdesc"> |
---|
2775 | <div class="short">Sets the element's top position directly using CSS style (instead of <a ext:cls="Ext.Element" ext:member="setY" href="output/Ext.Element.html#setY">setY</a>).</div> |
---|
2776 | <div class="long"> |
---|
2777 | Sets the element's top position directly using CSS style (instead of <a ext:cls="Ext.Element" ext:member="setY" href="output/Ext.Element.html#setY">setY</a>). <div class="mdetail-params"> |
---|
2778 | <strong>Parameters:</strong> |
---|
2779 | <ul><li><code>top</code> : String<div class="sub-desc">The top CSS property value</div></li> </ul> |
---|
2780 | <strong>Returns:</strong> |
---|
2781 | <ul> |
---|
2782 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2783 | </ul> |
---|
2784 | </div> |
---|
2785 | </div> |
---|
2786 | </div> |
---|
2787 | </td> |
---|
2788 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setTop" href="output/Ext.Element.html#setTop">Element</a></td> |
---|
2789 | </tr> |
---|
2790 | <tr class="method-row inherited alt expandable"> |
---|
2791 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2792 | <td class="sig"> |
---|
2793 | <a id="Ext.Layer-setVisibilityMode"></a> |
---|
2794 | <b>setVisibilityMode</b>( <code>visMode Element.VISIBILITY</code> ) : Ext.Element <div class="mdesc"> |
---|
2795 | <div class="short">Sets the element's visibility mode. When setVisible() is called it |
---|
2796 | will use this to determine whether to set the visi...</div> |
---|
2797 | <div class="long"> |
---|
2798 | Sets the element's visibility mode. When setVisible() is called it |
---|
2799 | will use this to determine whether to set the visibility or the display property. <div class="mdetail-params"> |
---|
2800 | <strong>Parameters:</strong> |
---|
2801 | <ul><li><code>Element.VISIBILITY</code> : visMode<div class="sub-desc">or Element.DISPLAY</div></li> </ul> |
---|
2802 | <strong>Returns:</strong> |
---|
2803 | <ul> |
---|
2804 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2805 | </ul> |
---|
2806 | </div> |
---|
2807 | </div> |
---|
2808 | </div> |
---|
2809 | </td> |
---|
2810 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setVisibilityMode" href="output/Ext.Element.html#setVisibilityMode">Element</a></td> |
---|
2811 | </tr> |
---|
2812 | <tr class="method-row inherited expandable"> |
---|
2813 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2814 | <td class="sig"> |
---|
2815 | <a id="Ext.Layer-setVisible"></a> |
---|
2816 | <b>setVisible</b>( <code>Boolean visible</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2817 | <div class="short">Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use |
---|
2818 | the di...</div> |
---|
2819 | <div class="long"> |
---|
2820 | Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use |
---|
2821 | the display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property. <div class="mdetail-params"> |
---|
2822 | <strong>Parameters:</strong> |
---|
2823 | <ul><li><code>visible</code> : Boolean<div class="sub-desc">Whether the element is visible</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> |
---|
2824 | <strong>Returns:</strong> |
---|
2825 | <ul> |
---|
2826 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2827 | </ul> |
---|
2828 | </div> |
---|
2829 | </div> |
---|
2830 | </div> |
---|
2831 | </td> |
---|
2832 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setVisible" href="output/Ext.Element.html#setVisible">Element</a></td> |
---|
2833 | </tr> |
---|
2834 | <tr class="method-row inherited alt expandable"> |
---|
2835 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2836 | <td class="sig"> |
---|
2837 | <a id="Ext.Layer-setWidth"></a> |
---|
2838 | <b>setWidth</b>( <code>Number width</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2839 | <div class="short">Set the width of the element</div> |
---|
2840 | <div class="long"> |
---|
2841 | Set the width of the element <div class="mdetail-params"> |
---|
2842 | <strong>Parameters:</strong> |
---|
2843 | <ul><li><code>width</code> : Number<div class="sub-desc">The new width</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> |
---|
2844 | <strong>Returns:</strong> |
---|
2845 | <ul> |
---|
2846 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2847 | </ul> |
---|
2848 | </div> |
---|
2849 | </div> |
---|
2850 | </div> |
---|
2851 | </td> |
---|
2852 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setWidth" href="output/Ext.Element.html#setWidth">Element</a></td> |
---|
2853 | </tr> |
---|
2854 | <tr class="method-row inherited expandable"> |
---|
2855 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2856 | <td class="sig"> |
---|
2857 | <a id="Ext.Layer-setX"></a> |
---|
2858 | <b>setX</b>( <code>Number The</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2859 | <div class="short">Sets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coor...</div> |
---|
2860 | <div class="long"> |
---|
2861 | Sets the X position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
2862 | <strong>Parameters:</strong> |
---|
2863 | <ul><li><code>The</code> : Number<div class="sub-desc">X position of the element</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> |
---|
2864 | <strong>Returns:</strong> |
---|
2865 | <ul> |
---|
2866 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2867 | </ul> |
---|
2868 | </div> |
---|
2869 | </div> |
---|
2870 | </div> |
---|
2871 | </td> |
---|
2872 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setX" href="output/Ext.Element.html#setX">Element</a></td> |
---|
2873 | </tr> |
---|
2874 | <tr class="method-row inherited alt expandable"> |
---|
2875 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2876 | <td class="sig"> |
---|
2877 | <a id="Ext.Layer-setXY"></a> |
---|
2878 | <b>setXY</b>( <code>Array pos</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2879 | <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned. |
---|
2880 | The element must b...</div> |
---|
2881 | <div class="long"> |
---|
2882 | Sets the position of the element in page coordinates, regardless of how the element is positioned. |
---|
2883 | The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
2884 | <strong>Parameters:</strong> |
---|
2885 | <ul><li><code>pos</code> : Array<div class="sub-desc">Contains X & Y [x, y] values for new position (coordinates are page-based)</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> |
---|
2886 | <strong>Returns:</strong> |
---|
2887 | <ul> |
---|
2888 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2889 | </ul> |
---|
2890 | </div> |
---|
2891 | </div> |
---|
2892 | </div> |
---|
2893 | </td> |
---|
2894 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setXY" href="output/Ext.Element.html#setXY">Element</a></td> |
---|
2895 | </tr> |
---|
2896 | <tr class="method-row inherited expandable"> |
---|
2897 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2898 | <td class="sig"> |
---|
2899 | <a id="Ext.Layer-setY"></a> |
---|
2900 | <b>setY</b>( <code>Number The</code>, <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2901 | <div class="short">Sets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coor...</div> |
---|
2902 | <div class="long"> |
---|
2903 | Sets the Y position of the element based on page coordinates. Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false). <div class="mdetail-params"> |
---|
2904 | <strong>Parameters:</strong> |
---|
2905 | <ul><li><code>The</code> : Number<div class="sub-desc">Y position of the element</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> |
---|
2906 | <strong>Returns:</strong> |
---|
2907 | <ul> |
---|
2908 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2909 | </ul> |
---|
2910 | </div> |
---|
2911 | </div> |
---|
2912 | </div> |
---|
2913 | </td> |
---|
2914 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#setY" href="output/Ext.Element.html#setY">Element</a></td> |
---|
2915 | </tr> |
---|
2916 | <tr class="method-row alt expandable"> |
---|
2917 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2918 | <td class="sig"> |
---|
2919 | <a id="Ext.Layer-setZIndex"></a> |
---|
2920 | <b>setZIndex</b>( <code>Number zindex</code> ) : this <div class="mdesc"> |
---|
2921 | <div class="short">Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically |
---|
2922 | incremen...</div> |
---|
2923 | <div class="long"> |
---|
2924 | Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically |
---|
2925 | incremented by two more than the value passed in so that it always shows above any shadow or shim (the shadow |
---|
2926 | element, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index). <div class="mdetail-params"> |
---|
2927 | <strong>Parameters:</strong> |
---|
2928 | <ul><li><code>zindex</code> : Number<div class="sub-desc">The new z-index to set</div></li> </ul> |
---|
2929 | <strong>Returns:</strong> |
---|
2930 | <ul> |
---|
2931 | <li><code>this</code><div class="sub-desc">The Layer</div></li> |
---|
2932 | </ul> |
---|
2933 | </div> |
---|
2934 | </div> |
---|
2935 | </div> |
---|
2936 | </td> |
---|
2937 | <td class="msource">Layer</td> |
---|
2938 | </tr> |
---|
2939 | <tr class="method-row inherited expandable"> |
---|
2940 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2941 | <td class="sig"> |
---|
2942 | <a id="Ext.Layer-show"></a> |
---|
2943 | <b>show</b>( <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2944 | <div class="short">Show this element - Uses display mode to determine whether to use "display" or "visibility". See <a ext:cls="Ext.Element" ext:member="setVisible" href="output/Ext.Element.html#setVisible">setVisible</a>.</div> |
---|
2945 | <div class="long"> |
---|
2946 | Show this element - Uses display mode to determine whether to use "display" or "visibility". See <a ext:cls="Ext.Element" ext:member="setVisible" href="output/Ext.Element.html#setVisible">setVisible</a>. <div class="mdetail-params"> |
---|
2947 | <strong>Parameters:</strong> |
---|
2948 | <ul><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> |
---|
2949 | <strong>Returns:</strong> |
---|
2950 | <ul> |
---|
2951 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2952 | </ul> |
---|
2953 | </div> |
---|
2954 | </div> |
---|
2955 | </div> |
---|
2956 | </td> |
---|
2957 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#show" href="output/Ext.Element.html#show">Element</a></td> |
---|
2958 | </tr> |
---|
2959 | <tr class="method-row inherited alt expandable"> |
---|
2960 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2961 | <td class="sig"> |
---|
2962 | <a id="Ext.Layer-swallowEvent"></a> |
---|
2963 | <b>swallowEvent</b>( <code>String/Array eventName</code>, <span class="optional" title="Optional">[<code>Boolean preventDefault</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2964 | <div class="short">Stops the specified event(s) from bubbling and optionally prevents the default action</div> |
---|
2965 | <div class="long"> |
---|
2966 | Stops the specified event(s) from bubbling and optionally prevents the default action <div class="mdetail-params"> |
---|
2967 | <strong>Parameters:</strong> |
---|
2968 | <ul><li><code>eventName</code> : String/Array<div class="sub-desc">an event / array of events to stop from bubbling</div></li><li><code>preventDefault</code> : Boolean<div class="sub-desc">(optional) true to prevent the default action too</div></li> </ul> |
---|
2969 | <strong>Returns:</strong> |
---|
2970 | <ul> |
---|
2971 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2972 | </ul> |
---|
2973 | </div> |
---|
2974 | </div> |
---|
2975 | </div> |
---|
2976 | </td> |
---|
2977 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#swallowEvent" href="output/Ext.Element.html#swallowEvent">Element</a></td> |
---|
2978 | </tr> |
---|
2979 | <tr class="method-row inherited expandable"> |
---|
2980 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
2981 | <td class="sig"> |
---|
2982 | <a id="Ext.Layer-toggle"></a> |
---|
2983 | <b>toggle</b>( <span class="optional" title="Optional">[<code>Boolean/Object animate</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
2984 | <div class="short">Toggles the element's visibility or display, depending on visibility mode.</div> |
---|
2985 | <div class="long"> |
---|
2986 | Toggles the element's visibility or display, depending on visibility mode. <div class="mdetail-params"> |
---|
2987 | <strong>Parameters:</strong> |
---|
2988 | <ul><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> |
---|
2989 | <strong>Returns:</strong> |
---|
2990 | <ul> |
---|
2991 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
2992 | </ul> |
---|
2993 | </div> |
---|
2994 | </div> |
---|
2995 | </div> |
---|
2996 | </td> |
---|
2997 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#toggle" href="output/Ext.Element.html#toggle">Element</a></td> |
---|
2998 | </tr> |
---|
2999 | <tr class="method-row inherited alt expandable"> |
---|
3000 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3001 | <td class="sig"> |
---|
3002 | <a id="Ext.Layer-toggleClass"></a> |
---|
3003 | <b>toggleClass</b>( <code>String className</code> ) : Ext.Element <div class="mdesc"> |
---|
3004 | <div class="short">Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</div> |
---|
3005 | <div class="long"> |
---|
3006 | Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it). <div class="mdetail-params"> |
---|
3007 | <strong>Parameters:</strong> |
---|
3008 | <ul><li><code>className</code> : String<div class="sub-desc">The CSS class to toggle</div></li> </ul> |
---|
3009 | <strong>Returns:</strong> |
---|
3010 | <ul> |
---|
3011 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
3012 | </ul> |
---|
3013 | </div> |
---|
3014 | </div> |
---|
3015 | </div> |
---|
3016 | </td> |
---|
3017 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#toggleClass" href="output/Ext.Element.html#toggleClass">Element</a></td> |
---|
3018 | </tr> |
---|
3019 | <tr class="method-row inherited expandable"> |
---|
3020 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3021 | <td class="sig"> |
---|
3022 | <a id="Ext.Layer-translatePoints"></a> |
---|
3023 | <b>translatePoints</b>( <code>Number/Array x</code>, <span class="optional" title="Optional">[<code>Number y</code>]</span> ) : Object <div class="mdesc"> |
---|
3024 | <div class="short">Translates the passed page coordinates into left/top css values for this element</div> |
---|
3025 | <div class="long"> |
---|
3026 | Translates the passed page coordinates into left/top css values for this element <div class="mdetail-params"> |
---|
3027 | <strong>Parameters:</strong> |
---|
3028 | <ul><li><code>x</code> : Number/Array<div class="sub-desc">The page x or an array containing [x, y]</div></li><li><code>y</code> : Number<div class="sub-desc">(optional) The page y, required if x is not an array</div></li> </ul> |
---|
3029 | <strong>Returns:</strong> |
---|
3030 | <ul> |
---|
3031 | <li><code>Object</code><div class="sub-desc">An object with left and top properties. e.g. {left: (value), top: (value)}</div></li> |
---|
3032 | </ul> |
---|
3033 | </div> |
---|
3034 | </div> |
---|
3035 | </div> |
---|
3036 | </td> |
---|
3037 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#translatePoints" href="output/Ext.Element.html#translatePoints">Element</a></td> |
---|
3038 | </tr> |
---|
3039 | <tr class="method-row inherited alt expandable"> |
---|
3040 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3041 | <td class="sig"> |
---|
3042 | <a id="Ext.Layer-un"></a> |
---|
3043 | <b>un</b>( <code>String eventName</code>, <code>Function fn</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
3044 | <div class="short">Removes an event handler from this element (shorthand for <a ext:cls="Ext.Element" ext:member="removeListener" href="output/Ext.Element.html#removeListener">removeListener</a>).</div> |
---|
3045 | <div class="long"> |
---|
3046 | Removes an event handler from this element (shorthand for <a ext:cls="Ext.Element" ext:member="removeListener" href="output/Ext.Element.html#removeListener">removeListener</a>). <div class="mdetail-params"> |
---|
3047 | <strong>Parameters:</strong> |
---|
3048 | <ul><li><code>eventName</code> : String<div class="sub-desc">the type of event to remove</div></li><li><code>fn</code> : Function<div class="sub-desc">the method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (The <tt>this</tt> reference) of the handler function. Defaults |
---|
3049 | to this Element.</div></li> </ul> |
---|
3050 | <strong>Returns:</strong> |
---|
3051 | <ul> |
---|
3052 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
3053 | </ul> |
---|
3054 | </div> |
---|
3055 | </div> |
---|
3056 | </div> |
---|
3057 | </td> |
---|
3058 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#un" href="output/Ext.Element.html#un">Element</a></td> |
---|
3059 | </tr> |
---|
3060 | <tr class="method-row inherited expandable"> |
---|
3061 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3062 | <td class="sig"> |
---|
3063 | <a id="Ext.Layer-unclip"></a> |
---|
3064 | <b>unclip</b>() : Ext.Element <div class="mdesc"> |
---|
3065 | <div class="short">Return clipping (overflow) to original clipping before clip() was called</div> |
---|
3066 | <div class="long"> |
---|
3067 | Return clipping (overflow) to original clipping before clip() was called <div class="mdetail-params"> |
---|
3068 | <strong>Parameters:</strong> |
---|
3069 | <ul><li>None.</li> </ul> |
---|
3070 | <strong>Returns:</strong> |
---|
3071 | <ul> |
---|
3072 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
3073 | </ul> |
---|
3074 | </div> |
---|
3075 | </div> |
---|
3076 | </div> |
---|
3077 | </td> |
---|
3078 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#unclip" href="output/Ext.Element.html#unclip">Element</a></td> |
---|
3079 | </tr> |
---|
3080 | <tr class="method-row inherited alt expandable"> |
---|
3081 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3082 | <td class="sig"> |
---|
3083 | <a id="Ext.Layer-unmask"></a> |
---|
3084 | <b>unmask</b>() : void <div class="mdesc"> |
---|
3085 | <div class="short">Removes a previously applied mask.</div> |
---|
3086 | <div class="long"> |
---|
3087 | Removes a previously applied mask. <div class="mdetail-params"> |
---|
3088 | <strong>Parameters:</strong> |
---|
3089 | <ul><li>None.</li> </ul> |
---|
3090 | <strong>Returns:</strong> |
---|
3091 | <ul> |
---|
3092 | <li><code>void</code></li> |
---|
3093 | </ul> |
---|
3094 | </div> |
---|
3095 | </div> |
---|
3096 | </div> |
---|
3097 | </td> |
---|
3098 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#unmask" href="output/Ext.Element.html#unmask">Element</a></td> |
---|
3099 | </tr> |
---|
3100 | <tr class="method-row inherited expandable"> |
---|
3101 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3102 | <td class="sig"> |
---|
3103 | <a id="Ext.Layer-unselectable"></a> |
---|
3104 | <b>unselectable</b>() : Ext.Element <div class="mdesc"> |
---|
3105 | <div class="short">Disables text selection for this element (normalized across browsers)</div> |
---|
3106 | <div class="long"> |
---|
3107 | Disables text selection for this element (normalized across browsers) <div class="mdetail-params"> |
---|
3108 | <strong>Parameters:</strong> |
---|
3109 | <ul><li>None.</li> </ul> |
---|
3110 | <strong>Returns:</strong> |
---|
3111 | <ul> |
---|
3112 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
3113 | </ul> |
---|
3114 | </div> |
---|
3115 | </div> |
---|
3116 | </div> |
---|
3117 | </td> |
---|
3118 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#unselectable" href="output/Ext.Element.html#unselectable">Element</a></td> |
---|
3119 | </tr> |
---|
3120 | <tr class="method-row inherited alt expandable"> |
---|
3121 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3122 | <td class="sig"> |
---|
3123 | <a id="Ext.Layer-up"></a> |
---|
3124 | <b>up</b>( <code>String selector</code>, <span class="optional" title="Optional">[<code>Number/Mixed maxDepth</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
3125 | <div class="short">Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first...</div> |
---|
3126 | <div class="long"> |
---|
3127 | Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child). |
---|
3128 | This is a shortcut for findParentNode() that always returns an Ext.Element. <div class="mdetail-params"> |
---|
3129 | <strong>Parameters:</strong> |
---|
3130 | <ul><li><code>selector</code> : String<div class="sub-desc">The simple selector to test</div></li><li><code>maxDepth</code> : Number/Mixed<div class="sub-desc">(optional) The max depth to |
---|
3131 | search as a number or element (defaults to 10 || document.body)</div></li> </ul> |
---|
3132 | <strong>Returns:</strong> |
---|
3133 | <ul> |
---|
3134 | <li><code>Ext.Element</code><div class="sub-desc">The matching DOM node (or null if no match was found)</div></li> |
---|
3135 | </ul> |
---|
3136 | </div> |
---|
3137 | </div> |
---|
3138 | </div> |
---|
3139 | </td> |
---|
3140 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#up" href="output/Ext.Element.html#up">Element</a></td> |
---|
3141 | </tr> |
---|
3142 | <tr class="method-row inherited expandable"> |
---|
3143 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3144 | <td class="sig"> |
---|
3145 | <a id="Ext.Layer-update"></a> |
---|
3146 | <b>update</b>( <code>String html</code>, <span class="optional" title="Optional">[<code>Boolean loadScripts</code>]</span>, <span class="optional" title="Optional">[<code>Function callback</code>]</span> ) : Ext.Element <div class="mdesc"> |
---|
3147 | <div class="short">Update the innerHTML of this element, optionally searching for and processing scripts</div> |
---|
3148 | <div class="long"> |
---|
3149 | Update the innerHTML of this element, optionally searching for and processing scripts <div class="mdetail-params"> |
---|
3150 | <strong>Parameters:</strong> |
---|
3151 | <ul><li><code>html</code> : String<div class="sub-desc">The new HTML</div></li><li><code>loadScripts</code> : Boolean<div class="sub-desc">(optional) True to look for and process scripts (defaults to false)</div></li><li><code>callback</code> : Function<div class="sub-desc">(optional) For async script loading you can be notified when the update completes</div></li> </ul> |
---|
3152 | <strong>Returns:</strong> |
---|
3153 | <ul> |
---|
3154 | <li><code>Ext.Element</code><div class="sub-desc">this</div></li> |
---|
3155 | </ul> |
---|
3156 | </div> |
---|
3157 | </div> |
---|
3158 | </div> |
---|
3159 | </td> |
---|
3160 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#update" href="output/Ext.Element.html#update">Element</a></td> |
---|
3161 | </tr> |
---|
3162 | <tr class="method-row inherited alt expandable"> |
---|
3163 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
3164 | <td class="sig"> |
---|
3165 | <a id="Ext.Layer-wrap"></a> |
---|
3166 | <b>wrap</b>( <span class="optional" title="Optional">[<code>Object config</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnDom</code>]</span> ) : HTMLElement/Element <div class="mdesc"> |
---|
3167 | <div class="short">Creates and wraps this element with another element</div> |
---|
3168 | <div class="long"> |
---|
3169 | Creates and wraps this element with another element <div class="mdetail-params"> |
---|
3170 | <strong>Parameters:</strong> |
---|
3171 | <ul><li><code>config</code> : Object<div class="sub-desc">(optional) DomHelper element config object for the wrapper element or null for an empty div</div></li><li><code>returnDom</code> : Boolean<div class="sub-desc">(optional) True to return the raw DOM element instead of Ext.Element</div></li> </ul> |
---|
3172 | <strong>Returns:</strong> |
---|
3173 | <ul> |
---|
3174 | <li><code>HTMLElement/Element</code><div class="sub-desc">The newly created wrapper element</div></li> |
---|
3175 | </ul> |
---|
3176 | </div> |
---|
3177 | </div> |
---|
3178 | </div> |
---|
3179 | </td> |
---|
3180 | <td class="msource"><a ext:cls="Ext.Element" ext:member="#wrap" href="output/Ext.Element.html#wrap">Element</a></td> |
---|
3181 | </tr> |
---|
3182 | </table> |
---|
3183 | <a id="Ext.Layer-events"></a> |
---|
3184 | <h2>Public Events</h2> |
---|
3185 | <div class="no-members">This class has no public events.</div> |
---|
3186 | </div> |
---|