1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8 <meta name="generator" content="JsDoc Toolkit" />
11 <title>JsDoc Reference - Roo.Layer</title>
14 <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
15 <link rel="stylesheet" type="text/css" href="../default.css" />
18 <script type="text/javascript" src="../page.js">
25 <body onload="RooDocsPage.onload();">
28 <div class="body-wrap">
30 <!-- ============================== links to methods. ================================= -->
32 <div class="top-tools">
34 <a class="inner-link" href="#Roo.Layer-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.Layer-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.Layer-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.Layer-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38 <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
43 <!-- ============================== inheritance Block. ================================= -->
45 <div class="inheritance res-block">
46 <pre class="res-block-inner"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.Layer
52 <!-- ============================== class title / details ============================ -->
55 <h1 class="classTitle">
60 <table cellspacing="0" class="class-summary-table">
62 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
64 <tr><td class="label">Defined In:</td><td class="hd-info">
66 <a href="./src/Roo_Layer.js.html">Roo/Layer.js</a>.
69 <tr><td class="label">Class:</td><td class="hd-info">Layer</td></tr>
74 <tr><td class="label">Extends:</td><td class="hd-info">
75 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
83 <!-- ============================== class summary ========================== -->
84 <div class="description">
85 An extended {<b>link</b> Roo.Element} object that supports a shadow and shim, constrain to viewport and<br/>automatic maintaining of shadow/shim positions.
89 <!-- ============================== Class comment block... ========================== -->
91 <div class="comments">
92 <b>Class Comments / Notes</B> =>
93 <u onclick="parent.CommentDialog.showCommentId = 'Roo.Layer';">[Add Your comment/notes about this class]</u>
95 <iframe frameborder="0" id="comments-Roo" style="border: none;width:100%;"
96 src="/blog.php/GtkDjsComments/Roo.Layer.html"></iframe>
101 <!-- ============================== config options ========================== -->
106 <div class="hr"></div>
107 <a id="Roo.Layer-configs"></a>
113 <table cellspacing="0" class="member-table">
114 <caption>Config Options (Usually are also Properties)</caption>
118 <th class="sig-header" colspan="2">Options</th>
120 <th class="msource-header">Defined By</th>
127 <tr class="config-row expandable config-row-alt0 notInherited">
128 <td class="micon"><a class="exi" href="#expand"> </a></td>
131 <a id="Roo.Layer-cfg-cls" name=".cls"></a>
132 <div class="fixedFont">
133 <b class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
139 <div class="short">CSS class to add to the element</div>
144 CSS class to add to the element
160 <tr class="config-row expandable config-row-alt1 notInherited">
161 <td class="micon"><a class="exi" href="#expand"> </a></td>
164 <a id="Roo.Layer-cfg-constrain" name=".constrain"></a>
165 <div class="fixedFont">
166 <b class="itemname">constrain</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
172 <div class="short">False to disable constrain to viewport (defaults to true)</div>
177 False to disable constrain to viewport (defaults to true)
193 <tr class="config-row expandable config-row-alt0 notInherited">
194 <td class="micon"><a class="exi" href="#expand"> </a></td>
197 <a id="Roo.Layer-cfg-dh" name=".dh"></a>
198 <div class="fixedFont">
199 <b class="itemname">dh</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
205 <div class="short">DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}).</div>
210 DomHelper object config to create element with (defaults to {tag: "div", cls: "x-layer"}).
226 <tr class="config-row expandable config-row-alt1 notInherited">
227 <td class="micon"><a class="exi" href="#expand"> </a></td>
230 <a id="Roo.Layer-cfg-shadow" name=".shadow"></a>
231 <div class="fixedFont">
232 <b class="itemname">shadow</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
238 <div class="short">True to create a shadow element with default class "x-layer-shadow", or<br/>you can pass a string with a CSS class name.</div>
243 True to create a shadow element with default class "x-layer-shadow", or<br/>you can pass a string with a CSS class name. False turns off the shadow.
259 <tr class="config-row expandable config-row-alt0 notInherited">
260 <td class="micon"><a class="exi" href="#expand"> </a></td>
263 <a id="Roo.Layer-cfg-shadowOffset" name=".shadowOffset"></a>
264 <div class="fixedFont">
265 <b class="itemname">shadowOffset</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
271 <div class="short">Number of pixels to offset the shadow (defaults to 3)</div>
276 Number of pixels to offset the shadow (defaults to 3)
292 <tr class="config-row expandable config-row-alt1 notInherited">
293 <td class="micon"><a class="exi" href="#expand"> </a></td>
296 <a id="Roo.Layer-cfg-shim" name=".shim"></a>
297 <div class="fixedFont">
298 <b class="itemname">shim</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
304 <div class="short">False to disable the iframe shim in browsers which need one (defaults to true)</div>
309 False to disable the iframe shim in browsers which need one (defaults to true)
325 <tr class="config-row expandable config-row-alt0 notInherited">
326 <td class="micon"><a class="exi" href="#expand"> </a></td>
329 <a id="Roo.Layer-cfg-zindex" name=".zindex"></a>
330 <div class="fixedFont">
331 <b class="itemname">zindex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
337 <div class="short">Starting z-index (defaults to 11000)</div>
342 Starting z-index (defaults to 11000)
368 <!-- ============================== public properties ==================== -->
372 <a id="Roo.Layer-props"></a>
380 <table cellspacing="0" class="member-table">
381 <caption>Public Properties </caption>
383 <th class="sig-header" colspan="2">Property</th>
384 <th class="sig-header">Description</th>
385 <th class="msource-header">Defined By</th>
395 <tr class="property-row config-row-alt0">
397 <a class="exi" href="#expand"> </a>
400 <a id="Roo.Element-prop-DISPLAY" name=".DISPLAY"></a>
401 <div class="fixedFont">
402 <span class="attributes">Roo.Layer.</span><b class="itemname">DISPLAY</b> :
403 <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
411 Visibility mode constant - Use display to hide element
419 Visibility mode constant - Use display to hide element
426 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
434 <tr class="property-row config-row-alt1">
436 <a class="exi" href="#expand"> </a>
439 <a id="Roo.Element-prop-VISIBILITY" name=".VISIBILITY"></a>
440 <div class="fixedFont">
441 <span class="attributes">Roo.Layer.</span><b class="itemname">VISIBILITY</b> :
442 <span type="etype"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>
450 Visibility mode constant - Use visibility to hide element
458 Visibility mode constant - Use visibility to hide element
465 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
474 <!-- TODO: implement this alt row. also notice non-linked "Defined by" when property is a part of this class.
475 <tr class="property-row alt">
482 <!-- ============================== methods summary / details ======================== -->
485 <a id="Roo.Layer-methods"></a>
486 <!-- constructor?? -->
493 <!-- then dynamics first -->
500 <table cellspacing="0" class="member-table">
501 <caption>Public Methods</caption>
503 <th class="sig-header" colspan="2">Method</th>
504 <th class="msource-header">Defined By</th>
514 <tr class="method-row config-row-alt0 expandable notInherited">
515 <td class="micon"><a class="exi" href="#expand"> </a></td>
519 <a id="Roo-method-Layer" name=".Layer"></a>
520 <div class="fixedFont">
521 <span class="attributes">new <B>Roo.</B></span><b class="itemname">Layer</b>
523 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement <B><i>existingEl</i></B>)
531 <div class="short">Create a new Roo.Layer</div>
538 Create a new Roo.Layer
541 <dl class="detailList">
542 <dt class="heading">Parameters:</dt>
545 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
548 <dd>An object with config options.</dd>
551 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span> <b>existingEl</b>
554 <dd>(optional) Uses an existing DOM element. If the element is not found it creates it.</dd>
578 <tr class="method-row config-row-alt1 expandable">
579 <td class="micon"><a class="exi" href="#expand"> </a></td>
583 <a id="Roo.Element-method-addClass" name=".addClass"></a>
584 <div class="fixedFont">
585 <span class="attributes"></span><b class="itemname">addClass</b>
587 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
593 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
602 <div class="short">Adds one or more CSS classes to the element.</div>
608 Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.
615 <dl class="detailList">
616 <dt class="heading">Parameters:</dt>
619 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
622 <dd>The CSS class to add, or an array of classes</dd>
630 <dl class="detailList">
631 <dt class="heading">Returns:</dt>
633 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
649 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
655 <tr class="method-row config-row-alt0 expandable">
656 <td class="micon"><a class="exi" href="#expand"> </a></td>
660 <a id="Roo.Element-method-addClassOnClick" name=".addClassOnClick"></a>
661 <div class="fixedFont">
662 <span class="attributes"></span><b class="itemname">addClassOnClick</b>
664 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
670 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
679 <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>
685 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)
692 <dl class="detailList">
693 <dt class="heading">Parameters:</dt>
696 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
707 <dl class="detailList">
708 <dt class="heading">Returns:</dt>
710 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
726 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
732 <tr class="method-row config-row-alt1 expandable">
733 <td class="micon"><a class="exi" href="#expand"> </a></td>
737 <a id="Roo.Element-method-addClassOnFocus" name=".addClassOnFocus"></a>
738 <div class="fixedFont">
739 <span class="attributes"></span><b class="itemname">addClassOnFocus</b>
741 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
747 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
756 <div class="short">Sets up event handlers to add and remove a css class when this element has the focus</div>
762 Sets up event handlers to add and remove a css class when this element has the focus
769 <dl class="detailList">
770 <dt class="heading">Parameters:</dt>
773 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
784 <dl class="detailList">
785 <dt class="heading">Returns:</dt>
787 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
803 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
809 <tr class="method-row config-row-alt0 expandable">
810 <td class="micon"><a class="exi" href="#expand"> </a></td>
814 <a id="Roo.Element-method-addClassOnOver" name=".addClassOnOver"></a>
815 <div class="fixedFont">
816 <span class="attributes"></span><b class="itemname">addClassOnOver</b>
818 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventFlicker</i></B>)
824 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
833 <div class="short">Sets up event handlers to add and remove a css class when the mouse is over this element</div>
839 Sets up event handlers to add and remove a css class when the mouse is over this element
846 <dl class="detailList">
847 <dt class="heading">Parameters:</dt>
850 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
856 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>preventFlicker</b>
859 <dd>(optional) If set to true, it prevents flickering by filtering<br/>mouseout events for children elements</dd>
867 <dl class="detailList">
868 <dt class="heading">Returns:</dt>
870 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
886 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
892 <tr class="method-row config-row-alt1 expandable">
893 <td class="micon"><a class="exi" href="#expand"> </a></td>
897 <a id="Roo.Element-method-addKeyListener" name=".addKeyListener"></a>
898 <div class="fixedFont">
899 <span class="attributes"></span><b class="itemname">addKeyListener</b>
901 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array/Object/String <B><i>key</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
907 <a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a>
916 <div class="short">Convenience method for constructing a KeyMap</div>
922 Convenience method for constructing a KeyMap
929 <dl class="detailList">
930 <dt class="heading">Parameters:</dt>
933 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array/Object/String</span> <b>key</b>
936 <dd>Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:<br/> {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}</dd>
939 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
942 <dd>The function to call</dd>
945 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
948 <dd>(optional) The scope of the function</dd>
956 <dl class="detailList">
957 <dt class="heading">Returns:</dt>
959 <dd><span class="fixedFont"><a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a></span> The KeyMap created</dd>
975 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
981 <tr class="method-row config-row-alt0 expandable">
982 <td class="micon"><a class="exi" href="#expand"> </a></td>
986 <a id="Roo.Element-method-addKeyMap" name=".addKeyMap"></a>
987 <div class="fixedFont">
988 <span class="attributes"></span><b class="itemname">addKeyMap</b>
990 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
996 <a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a>
1005 <div class="short">Creates a KeyMap for this element</div>
1011 Creates a KeyMap for this element
1018 <dl class="detailList">
1019 <dt class="heading">Parameters:</dt>
1022 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
1025 <dd>The KeyMap config. See {<b>link</b> Roo.KeyMap} for more details</dd>
1033 <dl class="detailList">
1034 <dt class="heading">Returns:</dt>
1036 <dd><span class="fixedFont"><a href="./Roo.KeyMap.html#constructor" roo:cls="Roo.KeyMap.html#constructor">Roo.KeyMap</a></span> The KeyMap created</dd>
1050 <td class="msource">
1052 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1058 <tr class="method-row config-row-alt1 expandable">
1059 <td class="micon"><a class="exi" href="#expand"> </a></td>
1063 <a id="Roo.Element-method-addListener" name=".addListener"></a>
1064 <div class="fixedFont">
1065 <span class="attributes"></span><b class="itemname">addListener</b>
1067 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
1074 <div class="short">Appends an event handler</div>
1080 Appends an event handler
1087 <dl class="detailList">
1088 <dt class="heading">Parameters:</dt>
1091 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1094 <dd>The type of event to append</dd>
1097 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
1100 <dd>The method the event invokes</dd>
1103 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
1106 <dd>(optional) The scope (this object) of the fn</dd>
1109 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
1112 <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
1130 <td class="msource">
1132 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1138 <tr class="method-row config-row-alt0 expandable">
1139 <td class="micon"><a class="exi" href="#expand"> </a></td>
1143 <a id="Roo.Element-method-alignTo" name=".alignTo"></a>
1144 <div class="fixedFont">
1145 <span class="attributes"></span><b class="itemname">alignTo</b>
1147 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
1153 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1162 <div class="short">Aligns this element with another element relative to the specified anchor points.</div>
1168 Aligns this element with another element relative to the specified anchor points. If the other element is the<br/>document it aligns it to the viewport.<br/>The position parameter is optional, and can be specified in any one of the following formats:<br/><ul><br/> <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner ("tl-bl").</li><br/> <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.<br/> The element being aligned will position its top-left corner (tl) to that point. <i>This method has been<br/> deprecated in favor of the newer two anchor syntax below</i>.</li><br/> <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<br/> element's anchor point, and the second value is used as the target's anchor point.</li><br/></ul><br/>In addition to the anchor points, the position parameter also supports the "?" character. If "?" is passed at the end of<br/>the position string, the element will attempt to align as specified, but the position will be adjusted to constrain to<br/>the viewport if necessary. Note that the element being aligned might be swapped to align to a different position than<br/>that specified in order to enforce the viewport constraints.<br/>Following are all of the supported anchor positions:<br/> <pre><br/> Value Description<br/> ----- -----------------------------<br/> tl The top left corner (default)<br/> t The center of the top edge<br/> tr The top right corner<br/> l The center of the left edge<br/> c In the center of the element<br/> r The center of the right edge<br/> bl The bottom left corner<br/> b The center of the bottom edge<br/> br The bottom right corner<br/> </pre><br/> Example Usage:<br/> <pre><code><br/> // align el to other-el using the default positioning ("tl-bl", non-constrained)<br/> el.alignTo("other-el");<br/><br/> // align the top left corner of el with the top right corner of other-el (constrained to viewport)<br/> el.alignTo("other-el", "tr?");<br/><br/> // align the bottom right corner of el with the center left edge of other-el<br/> el.alignTo("other-el", "br-l?");<br/><br/> // align the center of el with the bottom left corner of other-el and<br/> // adjust the x position by -6 pixels (and the y position by 0)<br/> el.alignTo("other-el", "c-bl", [-6, 0]);<br/> </code></pre>
1175 <dl class="detailList">
1176 <dt class="heading">Parameters:</dt>
1179 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
1182 <dd>The element to align to.</dd>
1185 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
1188 <dd>The position to align to.</dd>
1191 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
1194 <dd>(optional) Offset the positioning by [x, y]</dd>
1197 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
1200 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
1208 <dl class="detailList">
1209 <dt class="heading">Returns:</dt>
1211 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1225 <td class="msource">
1227 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1233 <tr class="method-row config-row-alt1 expandable">
1234 <td class="micon"><a class="exi" href="#expand"> </a></td>
1238 <a id="Roo.Element-method-anchorTo" name=".anchorTo"></a>
1239 <div class="fixedFont">
1240 <span class="attributes"></span><b class="itemname">anchorTo</b>
1242 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Number <B><i>monitorScroll</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>)
1248 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1257 <div class="short">Anchors an element to another element and realigns it when the window is resized.</div>
1263 Anchors an element to another element and realigns it when the window is resized.
1270 <dl class="detailList">
1271 <dt class="heading">Parameters:</dt>
1274 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
1277 <dd>The element to align to.</dd>
1280 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
1283 <dd>The position to align to.</dd>
1286 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
1289 <dd>(optional) Offset the positioning by [x, y]</dd>
1292 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
1295 <dd>(optional) True for the default animation or a standard Element animation config object</dd>
1298 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Number</span> <b>monitorScroll</b>
1301 <dd>(optional) True to monitor body scroll and reposition. If this parameter<br/>is a number, it is used as the buffer delay (defaults to 50ms).</dd>
1304 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
1307 <dd>The function to call after the animation finishes</dd>
1315 <dl class="detailList">
1316 <dt class="heading">Returns:</dt>
1318 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1332 <td class="msource">
1334 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1340 <tr class="method-row config-row-alt0 expandable">
1341 <td class="micon"><a class="exi" href="#expand"> </a></td>
1345 <a id="Roo.Element-method-animate" name=".animate"></a>
1346 <div class="fixedFont">
1347 <span class="attributes"></span><b class="itemname">animate</b>
1349 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>args</i></B>, Float <B><i>duration</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>onComplete</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>easing</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>animType</i></B>)
1355 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1364 <div class="short">Perform animation on this element.</div>
1370 Perform animation on this element.
1377 <dl class="detailList">
1378 <dt class="heading">Parameters:</dt>
1381 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>args</b>
1384 <dd>The YUI animation control args</dd>
1387 <span class="fixedFont">Float</span> <b>duration</b>
1390 <dd>(optional) How long the animation lasts in seconds (defaults to .35)</dd>
1393 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>onComplete</b>
1396 <dd>(optional) Function to call when animation completes</dd>
1399 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>easing</b>
1402 <dd>(optional) Easing method to use (defaults to 'easeOut')</dd>
1405 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>animType</b>
1408 <dd>(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'</dd>
1416 <dl class="detailList">
1417 <dt class="heading">Returns:</dt>
1419 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1433 <td class="msource">
1435 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1441 <tr class="method-row config-row-alt1 expandable">
1442 <td class="micon"><a class="exi" href="#expand"> </a></td>
1446 <a id="Roo.Element-method-appendChild" name=".appendChild"></a>
1447 <div class="fixedFont">
1448 <span class="attributes"></span><b class="itemname">appendChild</b>
1450 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Array/Element/CompositeElement <B><i>el</i></B>)
1456 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1465 <div class="short">Appends the passed element(s) to this element</div>
1471 Appends the passed element(s) to this element
1478 <dl class="detailList">
1479 <dt class="heading">Parameters:</dt>
1482 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Array/Element/CompositeElement</span> <b>el</b>
1493 <dl class="detailList">
1494 <dt class="heading">Returns:</dt>
1496 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1510 <td class="msource">
1512 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1518 <tr class="method-row config-row-alt0 expandable">
1519 <td class="micon"><a class="exi" href="#expand"> </a></td>
1523 <a id="Roo.Element-method-appendTo" name=".appendTo"></a>
1524 <div class="fixedFont">
1525 <span class="attributes"></span><b class="itemname">appendTo</b>
1527 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
1533 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1542 <div class="short">Appends this element to the passed element</div>
1548 Appends this element to the passed element
1555 <dl class="detailList">
1556 <dt class="heading">Parameters:</dt>
1559 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
1562 <dd>The new parent element</dd>
1570 <dl class="detailList">
1571 <dt class="heading">Returns:</dt>
1573 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1587 <td class="msource">
1589 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1595 <tr class="method-row config-row-alt1 expandable">
1596 <td class="micon"><a class="exi" href="#expand"> </a></td>
1600 <a id="Roo.Element-method-applyStyles" name=".applyStyles"></a>
1601 <div class="fixedFont">
1602 <span class="attributes"></span><b class="itemname">applyStyles</b>
1604 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function <B><i>styles</i></B>)
1610 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1619 <div class="short">More flexible version of {<b>link</b> <b>setStyle</b>} for setting style properties.</div>
1625 More flexible version of {<b>link</b> <b>setStyle</b>} for setting style properties.
1632 <dl class="detailList">
1633 <dt class="heading">Parameters:</dt>
1636 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object/Function</span> <b>styles</b>
1639 <dd>A style specification string, e.g. "width:100px", or object in the form {width:"100px"}, or<br/>a function which returns such a specification.</dd>
1647 <dl class="detailList">
1648 <dt class="heading">Returns:</dt>
1650 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1664 <td class="msource">
1666 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1672 <tr class="method-row config-row-alt0 expandable">
1673 <td class="micon"><a class="exi" href="#expand"> </a></td>
1677 <a id="Roo.Element-method-attr" name=".attr"></a>
1678 <div class="fixedFont">
1679 <span class="attributes"></span><b class="itemname">attr</b>
1681 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>name</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
1687 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1696 <div class="short">Sets or Returns the value the dom attribute value</div>
1702 Sets or Returns the value the dom attribute value
1709 <dl class="detailList">
1710 <dt class="heading">Parameters:</dt>
1713 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>name</b>
1716 <dd>The attribute name (or object to set multiple attributes)</dd>
1719 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
1722 <dd>(optional) The value to set the attribute to</dd>
1730 <dl class="detailList">
1731 <dt class="heading">Returns:</dt>
1733 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The attribute value</dd>
1747 <td class="msource">
1749 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1755 <tr class="method-row config-row-alt1 expandable">
1756 <td class="micon"><a class="exi" href="#expand"> </a></td>
1760 <a id="Roo.Element-method-autoHeight" name=".autoHeight"></a>
1761 <div class="fixedFont">
1762 <span class="attributes"></span><b class="itemname">autoHeight</b>
1764 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>animate</i></B>, Float <B><i>duration</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>onComplete</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>easing</i></B>)
1770 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1779 <div class="short">Measures the element's content height and updates height to match.</div>
1785 Measures the element's content height and updates height to match. Note: this function uses setTimeout so<br/>the new height may not be available immediately.
1792 <dl class="detailList">
1793 <dt class="heading">Parameters:</dt>
1796 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>animate</b>
1799 <dd>(optional) Animate the transition (defaults to false)</dd>
1802 <span class="fixedFont">Float</span> <b>duration</b>
1805 <dd>(optional) Length of the animation in seconds (defaults to .35)</dd>
1808 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>onComplete</b>
1811 <dd>(optional) Function to call when animation completes</dd>
1814 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>easing</b>
1817 <dd>(optional) Easing method to use (defaults to easeOut)</dd>
1825 <dl class="detailList">
1826 <dt class="heading">Returns:</dt>
1828 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1842 <td class="msource">
1844 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1850 <tr class="method-row config-row-alt0 expandable">
1851 <td class="micon"><a class="exi" href="#expand"> </a></td>
1855 <a id="Roo.Element-method-beginMeasure" name=".beginMeasure"></a>
1856 <div class="fixedFont">
1857 <span class="attributes"></span><b class="itemname">beginMeasure</b>
1865 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1874 <div class="short">Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.</div>
1880 Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.
1891 <dl class="detailList">
1892 <dt class="heading">Returns:</dt>
1894 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1908 <td class="msource">
1910 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1916 <tr class="method-row config-row-alt1 expandable">
1917 <td class="micon"><a class="exi" href="#expand"> </a></td>
1921 <a id="Roo.Element-method-blur" name=".blur"></a>
1922 <div class="fixedFont">
1923 <span class="attributes"></span><b class="itemname">blur</b>
1931 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1940 <div class="short">Tries to blur the element.</div>
1946 Tries to blur the element. Any exceptions are caught and ignored.
1957 <dl class="detailList">
1958 <dt class="heading">Returns:</dt>
1960 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
1974 <td class="msource">
1976 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1982 <tr class="method-row config-row-alt0 expandable">
1983 <td class="micon"><a class="exi" href="#expand"> </a></td>
1987 <a id="Roo.Element-method-boxWrap" name=".boxWrap"></a>
1988 <div class="fixedFont">
1989 <span class="attributes"></span><b class="itemname">boxWrap</b>
1991 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>class</i></B>)
1997 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2006 <div class="short">Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a<br/>gradient background, rounded corners and a 4-way shadow.</div>
2012 Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a<br/>gradient background, rounded corners and a 4-way shadow.
2019 <dl class="detailList">
2020 <dt class="heading">Parameters:</dt>
2023 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>class</b>
2026 <dd>(optional) A base CSS class to apply to the containing wrapper element (defaults to 'x-box').<br/>Note that there are a number of CSS rules that are dependent on this name to make the overall effect work,<br/>so if you supply an alternate base class, make sure you also supply all of the necessary rules.</dd>
2034 <dl class="detailList">
2035 <dt class="heading">Returns:</dt>
2037 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2051 <td class="msource">
2053 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2059 <tr class="method-row config-row-alt1 expandable">
2060 <td class="micon"><a class="exi" href="#expand"> </a></td>
2064 <a id="Roo.Element-method-center" name=".center"></a>
2065 <div class="fixedFont">
2066 <span class="attributes"></span><b class="itemname">center</b>
2068 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>centerIn</i></B>)
2075 <div class="short">Centers the Element in either the viewport, or another Element.</div>
2081 Centers the Element in either the viewport, or another Element.
2088 <dl class="detailList">
2089 <dt class="heading">Parameters:</dt>
2092 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>centerIn</b>
2095 <dd>(optional) The element in which to center the element.</dd>
2113 <td class="msource">
2115 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2121 <tr class="method-row config-row-alt0 expandable">
2122 <td class="micon"><a class="exi" href="#expand"> </a></td>
2126 <a id="Roo.Element-method-child" name=".child"></a>
2127 <div class="fixedFont">
2128 <span class="attributes"></span><b class="itemname">child</b>
2130 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2136 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2145 <div class="short">Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).</div>
2151 Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).
2158 <dl class="detailList">
2159 <dt class="heading">Parameters:</dt>
2162 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
2165 <dd>The CSS selector</dd>
2168 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
2171 <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2179 <dl class="detailList">
2180 <dt class="heading">Returns:</dt>
2182 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span> The child Roo.Element (or DOM node if returnDom = true)</dd>
2196 <td class="msource">
2198 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2204 <tr class="method-row config-row-alt1 expandable">
2205 <td class="micon"><a class="exi" href="#expand"> </a></td>
2209 <a id="Roo.Element-method-clean" name=".clean"></a>
2210 <div class="fixedFont">
2211 <span class="attributes"></span><b class="itemname">clean</b>
2213 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceReclean</i></B>)
2220 <div class="short">Removes worthless text nodes</div>
2226 Removes worthless text nodes
2233 <dl class="detailList">
2234 <dt class="heading">Parameters:</dt>
2237 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>forceReclean</b>
2240 <dd>(optional) By default the element<br/>keeps track if it has been cleaned already so<br/>you can call this over and over. However, if you update the element and<br/>need to force a reclean, you can pass true.</dd>
2258 <td class="msource">
2260 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2266 <tr class="method-row config-row-alt0 expandable">
2267 <td class="micon"><a class="exi" href="#expand"> </a></td>
2271 <a id="Roo.Element-method-clearOpacity" name=".clearOpacity"></a>
2272 <div class="fixedFont">
2273 <span class="attributes"></span><b class="itemname">clearOpacity</b>
2281 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2290 <div class="short">Clears any opacity settings from this element.</div>
2296 Clears any opacity settings from this element. Required in some cases for IE.
2307 <dl class="detailList">
2308 <dt class="heading">Returns:</dt>
2310 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2324 <td class="msource">
2326 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2332 <tr class="method-row config-row-alt1 expandable">
2333 <td class="micon"><a class="exi" href="#expand"> </a></td>
2337 <a id="Roo.Element-method-clearPositioning" name=".clearPositioning"></a>
2338 <div class="fixedFont">
2339 <span class="attributes"></span><b class="itemname">clearPositioning</b>
2341 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
2347 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2356 <div class="short">Clear positioning back to the default when the document was loaded</div>
2362 Clear positioning back to the default when the document was loaded
2369 <dl class="detailList">
2370 <dt class="heading">Parameters:</dt>
2373 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
2376 <dd>(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.</dd>
2384 <dl class="detailList">
2385 <dt class="heading">Returns:</dt>
2387 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2401 <td class="msource">
2403 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2409 <tr class="method-row config-row-alt0 expandable">
2410 <td class="micon"><a class="exi" href="#expand"> </a></td>
2414 <a id="Roo.Element-method-clip" name=".clip"></a>
2415 <div class="fixedFont">
2416 <span class="attributes"></span><b class="itemname">clip</b>
2424 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2433 <div class="short">Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove</div>
2439 Store the current overflow setting and clip overflow on the element - use {<b>link</b> <b>unclip</b>} to remove
2450 <dl class="detailList">
2451 <dt class="heading">Returns:</dt>
2453 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2467 <td class="msource">
2469 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2475 <tr class="method-row config-row-alt1 expandable">
2476 <td class="micon"><a class="exi" href="#expand"> </a></td>
2480 <a id="Roo.Element-method-contains" name=".contains"></a>
2481 <div class="fixedFont">
2482 <span class="attributes"></span><b class="itemname">contains</b>
2484 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String <B><i>el</i></B>)
2490 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2499 <div class="short">Returns true if this element is an ancestor of the passed element</div>
2505 Returns true if this element is an ancestor of the passed element
2512 <dl class="detailList">
2513 <dt class="heading">Parameters:</dt>
2516 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String</span> <b>el</b>
2519 <dd>The element to check</dd>
2527 <dl class="detailList">
2528 <dt class="heading">Returns:</dt>
2530 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if this element is an ancestor of el, else false</dd>
2544 <td class="msource">
2546 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2552 <tr class="method-row config-row-alt0 expandable">
2553 <td class="micon"><a class="exi" href="#expand"> </a></td>
2557 <a id="Roo.Element-method-createChild" name=".createChild"></a>
2558 <div class="fixedFont">
2559 <span class="attributes"></span><b class="itemname">createChild</b>
2561 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>insertBefore</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2567 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2576 <div class="short">Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.</div>
2582 Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.
2589 <dl class="detailList">
2590 <dt class="heading">Parameters:</dt>
2593 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
2596 <dd>DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be<br/>automatically generated with the specified attributes.</dd>
2599 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>insertBefore</b>
2602 <dd>(optional) a child element of this element</dd>
2605 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
2608 <dd>(optional) true to return the dom node instead of creating an Element</dd>
2616 <dl class="detailList">
2617 <dt class="heading">Returns:</dt>
2619 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new child element</dd>
2633 <td class="msource">
2635 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2641 <tr class="method-row config-row-alt1 expandable">
2642 <td class="micon"><a class="exi" href="#expand"> </a></td>
2646 <a id="Roo.Element-method-createProxy" name=".createProxy"></a>
2647 <div class="fixedFont">
2648 <span class="attributes"></span><b class="itemname">createProxy</b>
2650 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>config</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement <B><i>renderTo</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>matchBox</i></B>)
2656 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2665 <div class="short">Creates a proxy element of this element</div>
2671 Creates a proxy element of this element
2678 <dl class="detailList">
2679 <dt class="heading">Parameters:</dt>
2682 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>config</b>
2685 <dd>The class name of the proxy element or a DomHelper config object</dd>
2688 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement</span> <b>renderTo</b>
2691 <dd>(optional) The element or element id to render the proxy to (defaults to document.body)</dd>
2694 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>matchBox</b>
2697 <dd>(optional) True to align and size the proxy to this element now (defaults to false)</dd>
2705 <dl class="detailList">
2706 <dt class="heading">Returns:</dt>
2708 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new proxy element</dd>
2722 <td class="msource">
2724 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2730 <tr class="method-row config-row-alt0 expandable">
2731 <td class="micon"><a class="exi" href="#expand"> </a></td>
2735 <a id="Roo.Element-method-createShim" name=".createShim"></a>
2736 <div class="fixedFont">
2737 <span class="attributes"></span><b class="itemname">createShim</b>
2745 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2754 <div class="short">Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.</div>
2760 Creates an iframe shim for this element to keep selects and other windowed objects from<br/>showing through.
2771 <dl class="detailList">
2772 <dt class="heading">Returns:</dt>
2774 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new shim element</dd>
2788 <td class="msource">
2790 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2796 <tr class="method-row config-row-alt1 expandable">
2797 <td class="micon"><a class="exi" href="#expand"> </a></td>
2801 <a id="Roo.Element-method-down" name=".down"></a>
2802 <div class="fixedFont">
2803 <span class="attributes"></span><b class="itemname">down</b>
2805 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
2811 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
2820 <div class="short">Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).</div>
2826 Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).
2833 <dl class="detailList">
2834 <dt class="heading">Parameters:</dt>
2837 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
2840 <dd>The CSS selector</dd>
2843 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
2846 <dd>(optional) True to return the DOM node instead of Roo.Element (defaults to false)</dd>
2854 <dl class="detailList">
2855 <dt class="heading">Returns:</dt>
2857 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span> The child Roo.Element (or DOM node if returnDom = true)</dd>
2871 <td class="msource">
2873 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2879 <tr class="method-row config-row-alt0 expandable">
2880 <td class="micon"><a class="exi" href="#expand"> </a></td>
2884 <a id="Roo.Element-method-enableDisplayMode" name=".enableDisplayMode"></a>
2885 <div class="fixedFont">
2886 <span class="attributes"></span><b class="itemname">enableDisplayMode</b>
2888 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>display</i></B>)
2894 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2903 <div class="short">Convenience method for setVisibilityMode(Element.DISPLAY)</div>
2909 Convenience method for setVisibilityMode(Element.DISPLAY)
2916 <dl class="detailList">
2917 <dt class="heading">Parameters:</dt>
2920 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>display</b>
2923 <dd>(optional) What to set display to when visible</dd>
2931 <dl class="detailList">
2932 <dt class="heading">Returns:</dt>
2934 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
2948 <td class="msource">
2950 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2956 <tr class="method-row config-row-alt1 expandable">
2957 <td class="micon"><a class="exi" href="#expand"> </a></td>
2961 <a id="Roo.Element-method-endMeasure" name=".endMeasure"></a>
2962 <div class="fixedFont">
2963 <span class="attributes"></span><b class="itemname">endMeasure</b>
2971 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2980 <div class="short">Restores displays to before beginMeasure was called</div>
2986 Restores displays to before beginMeasure was called
2997 <dl class="detailList">
2998 <dt class="heading">Returns:</dt>
3000 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
3014 <td class="msource">
3016 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3022 <tr class="method-row config-row-alt0 expandable">
3023 <td class="micon"><a class="exi" href="#expand"> </a></td>
3027 <a id="Roo.Element-method-findParent" name=".findParent"></a>
3028 <div class="fixedFont">
3029 <span class="attributes"></span><b class="itemname">findParent</b>
3031 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
3037 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
3046 <div class="short">Looks at this node and then at parent nodes for a match of the passed simple selector (e.g.</div>
3052 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)
3059 <dl class="detailList">
3060 <dt class="heading">Parameters:</dt>
3063 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
3066 <dd>The simple selector to test</dd>
3069 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
3072 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
3075 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnEl</b>
3078 <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
3086 <dl class="detailList">
3087 <dt class="heading">Returns:</dt>
3089 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> The matching DOM node (or null if no match was found)</dd>
3103 <td class="msource">
3105 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3111 <tr class="method-row config-row-alt1 expandable">
3112 <td class="micon"><a class="exi" href="#expand"> </a></td>
3116 <a id="Roo.Element-method-findParentNode" name=".findParentNode"></a>
3117 <div class="fixedFont">
3118 <span class="attributes"></span><b class="itemname">findParentNode</b>
3120 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
3126 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
3135 <div class="short">Looks at parent nodes for a match of the passed simple selector (e.g.</div>
3141 Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)
3148 <dl class="detailList">
3149 <dt class="heading">Parameters:</dt>
3152 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
3155 <dd>The simple selector to test</dd>
3158 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
3161 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
3164 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnEl</b>
3167 <dd>(optional) True to return a Roo.Element object instead of DOM node</dd>
3175 <dl class="detailList">
3176 <dt class="heading">Returns:</dt>
3178 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> The matching DOM node (or null if no match was found)</dd>
3192 <td class="msource">
3194 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3200 <tr class="method-row config-row-alt0 expandable">
3201 <td class="micon"><a class="exi" href="#expand"> </a></td>
3205 <a id="Roo.Element-method-fitToParent" name=".fitToParent"></a>
3206 <div class="fixedFont">
3207 <span class="attributes"></span><b class="itemname">fitToParent</b>
3209 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>monitorResize</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element <B><i>targetParent</i></B>)
3215 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3224 <div class="short">Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.</div>
3230 Sizes this element to its parent element's dimensions performing<br/>neccessary box adjustments.
3237 <dl class="detailList">
3238 <dt class="heading">Parameters:</dt>
3241 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>monitorResize</b>
3244 <dd>(optional) If true maintains the fit when the browser window is resized.</dd>
3247 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElment/Element</span> <b>targetParent</b>
3250 <dd>(optional) The target parent, default to the parentNode.</dd>
3258 <dl class="detailList">
3259 <dt class="heading">Returns:</dt>
3261 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
3275 <td class="msource">
3277 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3283 <tr class="method-row config-row-alt1 expandable">
3284 <td class="micon"><a class="exi" href="#expand"> </a></td>
3288 <a id="Roo.Element-method-focus" name=".focus"></a>
3289 <div class="fixedFont">
3290 <span class="attributes"></span><b class="itemname">focus</b>
3298 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3307 <div class="short">Tries to focus the element.</div>
3313 Tries to focus the element. Any exceptions are caught and ignored.
3324 <dl class="detailList">
3325 <dt class="heading">Returns:</dt>
3327 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
3341 <td class="msource">
3343 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3349 <tr class="method-row config-row-alt0 expandable">
3350 <td class="micon"><a class="exi" href="#expand"> </a></td>
3354 <a id="Roo.Element-method-getAlignToXY" name=".getAlignToXY"></a>
3355 <div class="fixedFont">
3356 <span class="attributes"></span><b class="itemname">getAlignToXY</b>
3358 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>element</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>position</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>offsets</i></B>)
3364 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3373 <div class="short">Gets the x,y coordinates to align this element with another element.</div>
3379 Gets the x,y coordinates to align this element with another element. See {<b>link</b> <b>alignTo</b>} for more info on the<br/>supported position values.
3386 <dl class="detailList">
3387 <dt class="heading">Parameters:</dt>
3390 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>element</b>
3393 <dd>The element to align to.</dd>
3396 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>position</b>
3399 <dd>The position to align to.</dd>
3402 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>offsets</b>
3405 <dd>(optional) Offset the positioning by [x, y]</dd>
3413 <dl class="detailList">
3414 <dt class="heading">Returns:</dt>
3416 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> [x, y]</dd>
3430 <td class="msource">
3432 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3438 <tr class="method-row config-row-alt1 expandable">
3439 <td class="micon"><a class="exi" href="#expand"> </a></td>
3443 <a id="Roo.Element-method-getAnchorXY" name=".getAnchorXY"></a>
3444 <div class="fixedFont">
3445 <span class="attributes"></span><b class="itemname">getAnchorXY</b>
3447 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>anchor</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>size</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3453 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3462 <div class="short">Gets the x,y coordinates specified by the anchor position on the element.</div>
3468 Gets the x,y coordinates specified by the anchor position on the element.
3475 <dl class="detailList">
3476 <dt class="heading">Parameters:</dt>
3479 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>anchor</b>
3482 <dd>(optional) The specified anchor position (defaults to "c"). See {<b>link</b> <b>alignTo</b>} for details on supported anchor positions.</dd>
3485 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>size</b>
3488 <dd>(optional) An object containing the size to use for calculating anchor position<br/> {width: (target width), height: (target height)} (defaults to the element's current size)</dd>
3491 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
3494 <dd>(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates</dd>
3502 <dl class="detailList">
3503 <dt class="heading">Returns:</dt>
3505 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> [x, y] An array containing the element's x and y coordinates</dd>
3519 <td class="msource">
3521 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3527 <tr class="method-row config-row-alt0 expandable">
3528 <td class="micon"><a class="exi" href="#expand"> </a></td>
3532 <a id="Roo.Element-method-getAttributeNS" name=".getAttributeNS"></a>
3533 <div class="fixedFont">
3534 <span class="attributes"></span><b class="itemname">getAttributeNS</b>
3536 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>namespace</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>name</i></B>)
3542 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3551 <div class="short">Returns the value of a namespaced attribute from the element's underlying DOM node.</div>
3557 Returns the value of a namespaced attribute from the element's underlying DOM node.
3564 <dl class="detailList">
3565 <dt class="heading">Parameters:</dt>
3568 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>namespace</b>
3571 <dd>The namespace in which to look for the attribute</dd>
3574 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>name</b>
3577 <dd>The attribute name</dd>
3585 <dl class="detailList">
3586 <dt class="heading">Returns:</dt>
3588 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The attribute value</dd>
3602 <td class="msource">
3604 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3610 <tr class="method-row config-row-alt1 expandable">
3611 <td class="micon"><a class="exi" href="#expand"> </a></td>
3615 <a id="Roo.Element-method-getBorderWidth" name=".getBorderWidth"></a>
3616 <div class="fixedFont">
3617 <span class="attributes"></span><b class="itemname">getBorderWidth</b>
3619 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
3625 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3634 <div class="short">Gets the width of the border(s) for the specified side(s)</div>
3640 Gets the width of the border(s) for the specified side(s)
3647 <dl class="detailList">
3648 <dt class="heading">Parameters:</dt>
3651 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
3654 <dd>Can be t, l, r, b or any combination of those to add multiple values. For example,<br/>passing lr would get the border (l)eft width + the border (r)ight width.</dd>
3662 <dl class="detailList">
3663 <dt class="heading">Returns:</dt>
3665 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The width of the sides passed added together</dd>
3679 <td class="msource">
3681 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3687 <tr class="method-row config-row-alt0 expandable">
3688 <td class="micon"><a class="exi" href="#expand"> </a></td>
3692 <a id="Roo.Element-method-getBottom" name=".getBottom"></a>
3693 <div class="fixedFont">
3694 <span class="attributes"></span><b class="itemname">getBottom</b>
3696 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3702 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
3711 <div class="short">Gets the bottom Y coordinate of the element (element Y position + element height)</div>
3717 Gets the bottom Y coordinate of the element (element Y position + element height)
3724 <dl class="detailList">
3725 <dt class="heading">Parameters:</dt>
3728 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
3731 <dd>True to get the local css position instead of page coordinate</dd>
3739 <dl class="detailList">
3740 <dt class="heading">Returns:</dt>
3742 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
3756 <td class="msource">
3758 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3764 <tr class="method-row config-row-alt1 expandable">
3765 <td class="micon"><a class="exi" href="#expand"> </a></td>
3769 <a id="Roo.Element-method-getBox" name=".getBox"></a>
3770 <div class="fixedFont">
3771 <span class="attributes"></span><b class="itemname">getBox</b>
3773 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentBox</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3779 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
3788 <div class="short">Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.</div>
3794 Return a box {x, y, width, height} that can be used to set another elements<br/>size/location to match this element.
3801 <dl class="detailList">
3802 <dt class="heading">Parameters:</dt>
3805 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>contentBox</b>
3808 <dd>(optional) If true a box for the content of the element is returned.</dd>
3811 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
3814 <dd>(optional) If true the element's left and top are returned instead of page x/y.</dd>
3822 <dl class="detailList">
3823 <dt class="heading">Returns:</dt>
3825 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> box An object in the format {x, y, width, height}</dd>
3839 <td class="msource">
3841 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3847 <tr class="method-row config-row-alt0 expandable">
3848 <td class="micon"><a class="exi" href="#expand"> </a></td>
3852 <a id="Roo.Element-method-getCenterXY" name=".getCenterXY"></a>
3853 <div class="fixedFont">
3854 <span class="attributes"></span><b class="itemname">getCenterXY</b>
3862 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3871 <div class="short">Calculates the x, y to center this element on the screen</div>
3877 Calculates the x, y to center this element on the screen
3888 <dl class="detailList">
3889 <dt class="heading">Returns:</dt>
3891 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> The x, y values [x, y]</dd>
3905 <td class="msource">
3907 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3913 <tr class="method-row config-row-alt1 expandable">
3914 <td class="micon"><a class="exi" href="#expand"> </a></td>
3918 <a id="Roo.Element-method-getColor" name=".getColor"></a>
3919 <div class="fixedFont">
3920 <span class="attributes"></span><b class="itemname">getColor</b>
3922 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>attr</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>defaultValue</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>prefix</i></B>)
3929 <div class="short">Return the CSS color for the specified CSS attribute.</div>
3935 Return the CSS color for the specified CSS attribute. rgb, 3 digit (like <b>fff</b>) and valid values<br/>are convert to standard 6 digit hex color.
3942 <dl class="detailList">
3943 <dt class="heading">Parameters:</dt>
3946 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>attr</b>
3949 <dd>The css attribute</dd>
3952 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>defaultValue</b>
3955 <dd>The default value to use when a valid color isn't found</dd>
3958 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>prefix</b>
3961 <dd>(optional) defaults to #. Use an empty string when working with<br/>YUI color anims.</dd>
3979 <td class="msource">
3981 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3987 <tr class="method-row config-row-alt0 expandable">
3988 <td class="micon"><a class="exi" href="#expand"> </a></td>
3992 <a id="Roo.Element-method-getComputedHeight" name=".getComputedHeight"></a>
3993 <div class="fixedFont">
3994 <span class="attributes"></span><b class="itemname">getComputedHeight</b>
4002 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4011 <div class="short">Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders<br/>when needed to simulate offsetHeight when offsets aren't available.</div>
4017 Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders<br/>when needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements<br/>if a height has not been set using CSS.
4028 <dl class="detailList">
4029 <dt class="heading">Returns:</dt>
4031 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4045 <td class="msource">
4047 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4053 <tr class="method-row config-row-alt1 expandable">
4054 <td class="micon"><a class="exi" href="#expand"> </a></td>
4058 <a id="Roo.Element-method-getComputedWidth" name=".getComputedWidth"></a>
4059 <div class="fixedFont">
4060 <span class="attributes"></span><b class="itemname">getComputedWidth</b>
4068 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4077 <div class="short">Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders<br/>when needed to simulate offsetWidth when offsets aren't available.</div>
4083 Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders<br/>when needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements<br/>if a width has not been set using CSS.
4094 <dl class="detailList">
4095 <dt class="heading">Returns:</dt>
4097 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4111 <td class="msource">
4113 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4119 <tr class="method-row config-row-alt0 expandable">
4120 <td class="micon"><a class="exi" href="#expand"> </a></td>
4124 <a id="Roo.Element-method-getFrameWidth" name=".getFrameWidth"></a>
4125 <div class="fixedFont">
4126 <span class="attributes"></span><b class="itemname">getFrameWidth</b>
4128 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4134 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4143 <div class="short">Returns the sum width of the padding and borders for the passed "sides".</div>
4149 Returns the sum width of the padding and borders for the passed "sides". See getBorderWidth()<br/> for more information about the sides.
4156 <dl class="detailList">
4157 <dt class="heading">Parameters:</dt>
4160 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sides</b>
4171 <dl class="detailList">
4172 <dt class="heading">Returns:</dt>
4174 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4188 <td class="msource">
4190 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4196 <tr class="method-row config-row-alt1 expandable">
4197 <td class="micon"><a class="exi" href="#expand"> </a></td>
4201 <a id="Roo.Element-method-getHeight" name=".getHeight"></a>
4202 <div class="fixedFont">
4203 <span class="attributes"></span><b class="itemname">getHeight</b>
4205 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentHeight</i></B>)
4211 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4220 <div class="short">Returns the offset height of the element</div>
4226 Returns the offset height of the element
4233 <dl class="detailList">
4234 <dt class="heading">Parameters:</dt>
4237 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>contentHeight</b>
4240 <dd>(optional) true to get the height minus borders and padding</dd>
4248 <dl class="detailList">
4249 <dt class="heading">Returns:</dt>
4251 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The element's height</dd>
4265 <td class="msource">
4267 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4273 <tr class="method-row config-row-alt0 expandable">
4274 <td class="micon"><a class="exi" href="#expand"> </a></td>
4278 <a id="Roo.Element-method-getLeft" name=".getLeft"></a>
4279 <div class="fixedFont">
4280 <span class="attributes"></span><b class="itemname">getLeft</b>
4282 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4288 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4297 <div class="short">Gets the left X coordinate</div>
4303 Gets the left X coordinate
4310 <dl class="detailList">
4311 <dt class="heading">Parameters:</dt>
4314 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
4317 <dd>True to get the local css position instead of page coordinate</dd>
4325 <dl class="detailList">
4326 <dt class="heading">Returns:</dt>
4328 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4342 <td class="msource">
4344 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4350 <tr class="method-row config-row-alt1 expandable">
4351 <td class="micon"><a class="exi" href="#expand"> </a></td>
4355 <a id="Roo.Element-method-getMargins" name=".getMargins"></a>
4356 <div class="fixedFont">
4357 <span class="attributes"></span><b class="itemname">getMargins</b>
4359 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sides</i></B>)
4365 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number
4374 <div class="short">Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,<br/>then it returns the calculated width of the sides (see getPadding)</div>
4380 Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,<br/>then it returns the calculated width of the sides (see getPadding)
4387 <dl class="detailList">
4388 <dt class="heading">Parameters:</dt>
4391 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sides</b>
4394 <dd>(optional) Any combination of l, r, t, b to get the sum of those sides</dd>
4402 <dl class="detailList">
4403 <dt class="heading">Returns:</dt>
4405 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Number</span> </dd>
4419 <td class="msource">
4421 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4427 <tr class="method-row config-row-alt0 expandable">
4428 <td class="micon"><a class="exi" href="#expand"> </a></td>
4432 <a id="Roo.Element-method-getNextSibling" name=".getNextSibling"></a>
4433 <div class="fixedFont">
4434 <span class="attributes"></span><b class="itemname">getNextSibling</b>
4442 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4451 <div class="short">Gets the next sibling, skipping text nodes</div>
4457 Gets the next sibling, skipping text nodes
4468 <dl class="detailList">
4469 <dt class="heading">Returns:</dt>
4471 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> The next sibling or null</dd>
4485 <td class="msource">
4487 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4493 <tr class="method-row config-row-alt1 expandable">
4494 <td class="micon"><a class="exi" href="#expand"> </a></td>
4498 <a id="Roo.Element-method-getPadding" name=".getPadding"></a>
4499 <div class="fixedFont">
4500 <span class="attributes"></span><b class="itemname">getPadding</b>
4502 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>)
4508 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4517 <div class="short">Gets the width of the padding(s) for the specified side(s)</div>
4523 Gets the width of the padding(s) for the specified side(s)
4530 <dl class="detailList">
4531 <dt class="heading">Parameters:</dt>
4534 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
4537 <dd>Can be t, l, r, b or any combination of those to add multiple values. For example,<br/>passing lr would get the padding (l)eft + the padding (r)ight.</dd>
4545 <dl class="detailList">
4546 <dt class="heading">Returns:</dt>
4548 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The padding of the sides passed added together</dd>
4562 <td class="msource">
4564 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4570 <tr class="method-row config-row-alt0 expandable">
4571 <td class="micon"><a class="exi" href="#expand"> </a></td>
4575 <a id="Roo.Element-method-getPositioning" name=".getPositioning"></a>
4576 <div class="fixedFont">
4577 <span class="attributes"></span><b class="itemname">getPositioning</b>
4585 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4594 <div class="short">Gets an object with all CSS positioning properties.</div>
4600 Gets an object with all CSS positioning properties. Useful along with setPostioning to get<br/>snapshot before performing an update and then restoring the element.
4611 <dl class="detailList">
4612 <dt class="heading">Returns:</dt>
4614 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> </dd>
4628 <td class="msource">
4630 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4636 <tr class="method-row config-row-alt1 expandable">
4637 <td class="micon"><a class="exi" href="#expand"> </a></td>
4641 <a id="Roo.Element-method-getPrevSibling" name=".getPrevSibling"></a>
4642 <div class="fixedFont">
4643 <span class="attributes"></span><b class="itemname">getPrevSibling</b>
4651 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
4660 <div class="short">Gets the previous sibling, skipping text nodes</div>
4666 Gets the previous sibling, skipping text nodes
4677 <dl class="detailList">
4678 <dt class="heading">Returns:</dt>
4680 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> The previous sibling or null</dd>
4694 <td class="msource">
4696 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4702 <tr class="method-row config-row-alt0 expandable">
4703 <td class="micon"><a class="exi" href="#expand"> </a></td>
4707 <a id="Roo.Element-method-getRegion" name=".getRegion"></a>
4708 <div class="fixedFont">
4709 <span class="attributes"></span><b class="itemname">getRegion</b>
4726 <div class="short">Returns the region of the given element.</div>
4732 Returns the region of the given element.<br/>The element must be part of the DOM tree to have a region (display:none or elements not appended return false).
4743 <dl class="detailList">
4744 <dt class="heading">Returns:</dt>
4746 <dd><span class="fixedFont">Region</span> A Roo.lib.Region containing "top, left, bottom, right" member data.</dd>
4760 <td class="msource">
4762 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4768 <tr class="method-row config-row-alt1 expandable">
4769 <td class="micon"><a class="exi" href="#expand"> </a></td>
4773 <a id="Roo.Element-method-getRight" name=".getRight"></a>
4774 <div class="fixedFont">
4775 <span class="attributes"></span><b class="itemname">getRight</b>
4777 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
4783 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
4792 <div class="short">Gets the right X coordinate of the element (element X position + element width)</div>
4798 Gets the right X coordinate of the element (element X position + element width)
4805 <dl class="detailList">
4806 <dt class="heading">Parameters:</dt>
4809 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
4812 <dd>True to get the local css position instead of page coordinate</dd>
4820 <dl class="detailList">
4821 <dt class="heading">Returns:</dt>
4823 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
4837 <td class="msource">
4839 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4845 <tr class="method-row config-row-alt0 expandable">
4846 <td class="micon"><a class="exi" href="#expand"> </a></td>
4850 <a id="Roo.Element-method-getScroll" name=".getScroll"></a>
4851 <div class="fixedFont">
4852 <span class="attributes"></span><b class="itemname">getScroll</b>
4860 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4869 <div class="short">Returns the current scroll position of the element.</div>
4875 Returns the current scroll position of the element.
4886 <dl class="detailList">
4887 <dt class="heading">Returns:</dt>
4889 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}</dd>
4903 <td class="msource">
4905 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4911 <tr class="method-row config-row-alt1 expandable">
4912 <td class="micon"><a class="exi" href="#expand"> </a></td>
4916 <a id="Roo.Element-method-getSize" name=".getSize"></a>
4917 <div class="fixedFont">
4918 <span class="attributes"></span><b class="itemname">getSize</b>
4920 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentSize</i></B>)
4926 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4935 <div class="short">Returns the size of the element.</div>
4941 Returns the size of the element.
4948 <dl class="detailList">
4949 <dt class="heading">Parameters:</dt>
4952 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>contentSize</b>
4955 <dd>(optional) true to get the width/size minus borders and padding</dd>
4963 <dl class="detailList">
4964 <dt class="heading">Returns:</dt>
4966 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> An object containing the element's size {width: (element width), height: (element height)}</dd>
4980 <td class="msource">
4982 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
4988 <tr class="method-row config-row-alt0 expandable">
4989 <td class="micon"><a class="exi" href="#expand"> </a></td>
4993 <a id="Roo.Element-method-getStyle" name=".getStyle"></a>
4994 <div class="fixedFont">
4995 <span class="attributes"></span><b class="itemname">getStyle</b>
4997 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>property</i></B>)
5003 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
5012 <div class="short">Normalizes currentStyle and computedStyle.</div>
5018 Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.
5025 <dl class="detailList">
5026 <dt class="heading">Parameters:</dt>
5029 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>property</b>
5032 <dd>The style property whose value is returned.</dd>
5040 <dl class="detailList">
5041 <dt class="heading">Returns:</dt>
5043 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The current value of the style property for this element.</dd>
5057 <td class="msource">
5059 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5065 <tr class="method-row config-row-alt1 expandable">
5066 <td class="micon"><a class="exi" href="#expand"> </a></td>
5070 <a id="Roo.Element-method-getStyles" name=".getStyles"></a>
5071 <div class="fixedFont">
5072 <span class="attributes"></span><b class="itemname">getStyles</b>
5074 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>style1</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>style2</i></B>)
5080 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5089 <div class="short">Returns an object with properties matching the styles requested.</div>
5095 Returns an object with properties matching the styles requested.<br/>For example, el.getStyles('color', 'font-size', 'width') might return<br/>{'color': '<b>FFFFFF</b>', 'font-size': '13px', 'width': '100px'}.
5102 <dl class="detailList">
5103 <dt class="heading">Parameters:</dt>
5106 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>style1</b>
5109 <dd>A style name</dd>
5112 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>style2</b>
5115 <dd>A style name</dd>
5118 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>etc.</b>
5129 <dl class="detailList">
5130 <dt class="heading">Returns:</dt>
5132 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> The style object</dd>
5146 <td class="msource">
5148 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5154 <tr class="method-row config-row-alt0 expandable">
5155 <td class="micon"><a class="exi" href="#expand"> </a></td>
5159 <a id="Roo.Element-method-getTop" name=".getTop"></a>
5160 <div class="fixedFont">
5161 <span class="attributes"></span><b class="itemname">getTop</b>
5163 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
5169 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5178 <div class="short">Gets the top Y coordinate</div>
5184 Gets the top Y coordinate
5191 <dl class="detailList">
5192 <dt class="heading">Parameters:</dt>
5195 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>local</b>
5198 <dd>True to get the local css position instead of page coordinate</dd>
5206 <dl class="detailList">
5207 <dt class="heading">Returns:</dt>
5209 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
5223 <td class="msource">
5225 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5231 <tr class="method-row config-row-alt1 expandable">
5232 <td class="micon"><a class="exi" href="#expand"> </a></td>
5236 <a id="Roo.Element-method-getUpdateManager" name=".getUpdateManager"></a>
5237 <div class="fixedFont">
5238 <span class="attributes"></span><b class="itemname">getUpdateManager</b>
5246 <a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a>
5255 <div class="short">Gets this element's UpdateManager</div>
5261 Gets this element's UpdateManager
5272 <dl class="detailList">
5273 <dt class="heading">Returns:</dt>
5275 <dd><span class="fixedFont"><a href="./Roo.UpdateManager.html#constructor" roo:cls="Roo.UpdateManager.html#constructor">Roo.UpdateManager</a></span> The UpdateManager</dd>
5289 <td class="msource">
5291 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5297 <tr class="method-row config-row-alt0 expandable">
5298 <td class="micon"><a class="exi" href="#expand"> </a></td>
5302 <a id="Roo.Element-method-getValue" name=".getValue"></a>
5303 <div class="fixedFont">
5304 <span class="attributes"></span><b class="itemname">getValue</b>
5306 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>asNumber</i></B>)
5312 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number
5321 <div class="short">Returns the value of the "value" attribute</div>
5327 Returns the value of the "value" attribute
5334 <dl class="detailList">
5335 <dt class="heading">Parameters:</dt>
5338 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>asNumber</b>
5341 <dd>true to parse the value as a number</dd>
5349 <dl class="detailList">
5350 <dt class="heading">Returns:</dt>
5352 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> </dd>
5366 <td class="msource">
5368 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5374 <tr class="method-row config-row-alt1 expandable">
5375 <td class="micon"><a class="exi" href="#expand"> </a></td>
5379 <a id="Roo.Element-method-getViewSize" name=".getViewSize"></a>
5380 <div class="fixedFont">
5381 <span class="attributes"></span><b class="itemname">getViewSize</b>
5389 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
5398 <div class="short">Returns the width and height of the viewport.</div>
5404 Returns the width and height of the viewport.
5415 <dl class="detailList">
5416 <dt class="heading">Returns:</dt>
5418 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> An object containing the viewport's size {width: (viewport width), height: (viewport height)}</dd>
5432 <td class="msource">
5434 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5440 <tr class="method-row config-row-alt0 expandable">
5441 <td class="micon"><a class="exi" href="#expand"> </a></td>
5445 <a id="Roo.Element-method-getWidth" name=".getWidth"></a>
5446 <div class="fixedFont">
5447 <span class="attributes"></span><b class="itemname">getWidth</b>
5449 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>contentWidth</i></B>)
5455 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5464 <div class="short">Returns the offset width of the element</div>
5470 Returns the offset width of the element
5477 <dl class="detailList">
5478 <dt class="heading">Parameters:</dt>
5481 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>contentWidth</b>
5484 <dd>(optional) true to get the width minus borders and padding</dd>
5492 <dl class="detailList">
5493 <dt class="heading">Returns:</dt>
5495 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The element's width</dd>
5509 <td class="msource">
5511 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5517 <tr class="method-row config-row-alt1 expandable">
5518 <td class="micon"><a class="exi" href="#expand"> </a></td>
5522 <a id="Roo.Element-method-getX" name=".getX"></a>
5523 <div class="fixedFont">
5524 <span class="attributes"></span><b class="itemname">getX</b>
5532 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5541 <div class="short">Gets the current X position of the element based on page coordinates.</div>
5547 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).
5558 <dl class="detailList">
5559 <dt class="heading">Returns:</dt>
5561 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The X position of the element</dd>
5575 <td class="msource">
5577 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5583 <tr class="method-row config-row-alt0 expandable">
5584 <td class="micon"><a class="exi" href="#expand"> </a></td>
5588 <a id="Roo.Element-method-getXY" name=".getXY"></a>
5589 <div class="fixedFont">
5590 <span class="attributes"></span><b class="itemname">getXY</b>
5598 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
5607 <div class="short">Gets the current position of the element based on page coordinates.</div>
5613 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).
5624 <dl class="detailList">
5625 <dt class="heading">Returns:</dt>
5627 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> The XY position of the element</dd>
5641 <td class="msource">
5643 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5649 <tr class="method-row config-row-alt1 expandable">
5650 <td class="micon"><a class="exi" href="#expand"> </a></td>
5654 <a id="Roo.Element-method-getY" name=".getY"></a>
5655 <div class="fixedFont">
5656 <span class="attributes"></span><b class="itemname">getY</b>
5664 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
5673 <div class="short">Gets the current Y position of the element based on page coordinates.</div>
5679 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).
5690 <dl class="detailList">
5691 <dt class="heading">Returns:</dt>
5693 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> The Y position of the element</dd>
5707 <td class="msource">
5709 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5715 <tr class="method-row config-row-alt0 expandable">
5716 <td class="micon"><a class="exi" href="#expand"> </a></td>
5720 <a id="Roo.Element-method-hasClass" name=".hasClass"></a>
5721 <div class="fixedFont">
5722 <span class="attributes"></span><b class="itemname">hasClass</b>
5724 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
5730 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5739 <div class="short">Checks if the specified CSS class exists on this element's DOM node.</div>
5745 Checks if the specified CSS class exists on this element's DOM node.
5752 <dl class="detailList">
5753 <dt class="heading">Parameters:</dt>
5756 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
5759 <dd>The CSS class to check for</dd>
5767 <dl class="detailList">
5768 <dt class="heading">Returns:</dt>
5770 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if the class exists, else false</dd>
5784 <td class="msource">
5786 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5792 <tr class="method-row config-row-alt1 expandable">
5793 <td class="micon"><a class="exi" href="#expand"> </a></td>
5797 <a id="Roo.Element-method-hide" name=".hide"></a>
5798 <div class="fixedFont">
5799 <span class="attributes"></span><b class="itemname">hide</b>
5801 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
5807 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5816 <div class="short">Hide this element - Uses display mode to determine whether to use "display" or "visibility".</div>
5822 Hide this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
5829 <dl class="detailList">
5830 <dt class="heading">Parameters:</dt>
5833 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
5836 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
5844 <dl class="detailList">
5845 <dt class="heading">Returns:</dt>
5847 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
5861 <td class="msource">
5863 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5869 <tr class="method-row config-row-alt0 expandable">
5870 <td class="micon"><a class="exi" href="#expand"> </a></td>
5874 <a id="Roo.Element-method-initDD" name=".initDD"></a>
5875 <div class="fixedFont">
5876 <span class="attributes"></span><b class="itemname">initDD</b>
5878 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
5884 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
5893 <div class="short">Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.</div>
5899 Initializes a {<b>link</b> Roo.dd.DD} drag drop object for this element.
5906 <dl class="detailList">
5907 <dt class="heading">Parameters:</dt>
5910 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
5913 <dd>The group the DD object is member of</dd>
5916 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
5919 <dd>The DD config object</dd>
5922 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>overrides</b>
5925 <dd>An object containing methods to override/implement on the DD object</dd>
5933 <dl class="detailList">
5934 <dt class="heading">Returns:</dt>
5936 <dd><span class="fixedFont"><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a></span> The DD object</dd>
5950 <td class="msource">
5952 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
5958 <tr class="method-row config-row-alt1 expandable">
5959 <td class="micon"><a class="exi" href="#expand"> </a></td>
5963 <a id="Roo.Element-method-initDDProxy" name=".initDDProxy"></a>
5964 <div class="fixedFont">
5965 <span class="attributes"></span><b class="itemname">initDDProxy</b>
5967 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
5973 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
5982 <div class="short">Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.</div>
5988 Initializes a {<b>link</b> Roo.dd.DDProxy} object for this element.
5995 <dl class="detailList">
5996 <dt class="heading">Parameters:</dt>
5999 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
6002 <dd>The group the DDProxy object is member of</dd>
6005 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
6008 <dd>The DDProxy config object</dd>
6011 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>overrides</b>
6014 <dd>An object containing methods to override/implement on the DDProxy object</dd>
6022 <dl class="detailList">
6023 <dt class="heading">Returns:</dt>
6025 <dd><span class="fixedFont"><a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a></span> The DDProxy object</dd>
6039 <td class="msource">
6041 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6047 <tr class="method-row config-row-alt0 expandable">
6048 <td class="micon"><a class="exi" href="#expand"> </a></td>
6052 <a id="Roo.Element-method-initDDTarget" name=".initDDTarget"></a>
6053 <div class="fixedFont">
6054 <span class="attributes"></span><b class="itemname">initDDTarget</b>
6056 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>group</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>overrides</i></B>)
6062 <a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a>
6071 <div class="short">Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.</div>
6077 Initializes a {<b>link</b> Roo.dd.DDTarget} object for this element.
6084 <dl class="detailList">
6085 <dt class="heading">Parameters:</dt>
6088 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>group</b>
6091 <dd>The group the DDTarget object is member of</dd>
6094 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
6097 <dd>The DDTarget config object</dd>
6100 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>overrides</b>
6103 <dd>An object containing methods to override/implement on the DDTarget object</dd>
6111 <dl class="detailList">
6112 <dt class="heading">Returns:</dt>
6114 <dd><span class="fixedFont"><a href="./Roo.dd.DDTarget.html#constructor" roo:cls="Roo.dd.DDTarget.html#constructor">Roo.dd.DDTarget</a></span> The DDTarget object</dd>
6128 <td class="msource">
6130 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6136 <tr class="method-row config-row-alt1 expandable">
6137 <td class="micon"><a class="exi" href="#expand"> </a></td>
6141 <a id="Roo.Element-method-insertAfter" name=".insertAfter"></a>
6142 <div class="fixedFont">
6143 <span class="attributes"></span><b class="itemname">insertAfter</b>
6145 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6151 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6160 <div class="short">Inserts this element after the passed element in the DOM</div>
6166 Inserts this element after the passed element in the DOM
6173 <dl class="detailList">
6174 <dt class="heading">Parameters:</dt>
6177 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
6180 <dd>The element to insert after</dd>
6188 <dl class="detailList">
6189 <dt class="heading">Returns:</dt>
6191 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
6205 <td class="msource">
6207 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6213 <tr class="method-row config-row-alt0 expandable">
6214 <td class="micon"><a class="exi" href="#expand"> </a></td>
6218 <a id="Roo.Element-method-insertBefore" name=".insertBefore"></a>
6219 <div class="fixedFont">
6220 <span class="attributes"></span><b class="itemname">insertBefore</b>
6222 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
6228 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6237 <div class="short">Inserts this element before the passed element in the DOM</div>
6243 Inserts this element before the passed element in the DOM
6250 <dl class="detailList">
6251 <dt class="heading">Parameters:</dt>
6254 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
6257 <dd>The element to insert before</dd>
6265 <dl class="detailList">
6266 <dt class="heading">Returns:</dt>
6268 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
6282 <td class="msource">
6284 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6290 <tr class="method-row config-row-alt1 expandable">
6291 <td class="micon"><a class="exi" href="#expand"> </a></td>
6295 <a id="Roo.Element-method-insertFirst" name=".insertFirst"></a>
6296 <div class="fixedFont">
6297 <span class="attributes"></span><b class="itemname">insertFirst</b>
6299 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>)
6305 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6314 <div class="short">Inserts (or creates) an element (or DomHelper config) as the first child of the this element</div>
6320 Inserts (or creates) an element (or DomHelper config) as the first child of the this element
6327 <dl class="detailList">
6328 <dt class="heading">Parameters:</dt>
6331 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span> <b>el</b>
6334 <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6342 <dl class="detailList">
6343 <dt class="heading">Returns:</dt>
6345 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The new child</dd>
6359 <td class="msource">
6361 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6367 <tr class="method-row config-row-alt0 expandable">
6368 <td class="micon"><a class="exi" href="#expand"> </a></td>
6372 <a id="Roo.Element-method-insertHtml" name=".insertHtml"></a>
6373 <div class="fixedFont">
6374 <span class="attributes"></span><b class="itemname">insertHtml</b>
6376 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>where</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>html</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnEl</i></B>)
6382 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element
6391 <div class="short">Inserts an html fragment into this element</div>
6397 Inserts an html fragment into this element
6404 <dl class="detailList">
6405 <dt class="heading">Parameters:</dt>
6408 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>where</b>
6411 <dd>Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.</dd>
6414 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>html</b>
6417 <dd>The HTML fragment</dd>
6420 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnEl</b>
6423 <dd>True to return an Roo.Element</dd>
6431 <dl class="detailList">
6432 <dt class="heading">Returns:</dt>
6434 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Roo.Element</span> The inserted node (or nearest related if more than 1 inserted)</dd>
6448 <td class="msource">
6450 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6456 <tr class="method-row config-row-alt1 expandable">
6457 <td class="micon"><a class="exi" href="#expand"> </a></td>
6461 <a id="Roo.Element-method-insertSibling" name=".insertSibling"></a>
6462 <div class="fixedFont">
6463 <span class="attributes"></span><b class="itemname">insertSibling</b>
6465 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object <B><i>el</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>where</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
6471 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6480 <div class="short">Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element</div>
6486 Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element
6493 <dl class="detailList">
6494 <dt class="heading">Parameters:</dt>
6497 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element/Object</span> <b>el</b>
6500 <dd>The id or element to insert or a DomHelper config to create and insert</dd>
6503 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>where</b>
6506 <dd>(optional) 'before' or 'after' defaults to before</dd>
6509 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
6512 <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
6520 <dl class="detailList">
6521 <dt class="heading">Returns:</dt>
6523 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> the inserted Element</dd>
6537 <td class="msource">
6539 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6545 <tr class="method-row config-row-alt0 expandable">
6546 <td class="micon"><a class="exi" href="#expand"> </a></td>
6550 <a id="Roo.Element-method-is" name=".is"></a>
6551 <div class="fixedFont">
6552 <span class="attributes"></span><b class="itemname">is</b>
6554 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
6560 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6569 <div class="short">Returns true if this element matches the passed simple selector (e.g.</div>
6575 Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)
6582 <dl class="detailList">
6583 <dt class="heading">Parameters:</dt>
6586 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
6589 <dd>The simple selector to test</dd>
6597 <dl class="detailList">
6598 <dt class="heading">Returns:</dt>
6600 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if this element matches the selector, else false</dd>
6614 <td class="msource">
6616 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6622 <tr class="method-row config-row-alt1 expandable">
6623 <td class="micon"><a class="exi" href="#expand"> </a></td>
6627 <a id="Roo.Element-method-isBorderBox" name=".isBorderBox"></a>
6628 <div class="fixedFont">
6629 <span class="attributes"></span><b class="itemname">isBorderBox</b>
6637 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6646 <div class="short">Tests various css rules/browsers to determine if this element uses a border box</div>
6652 Tests various css rules/browsers to determine if this element uses a border box
6663 <dl class="detailList">
6664 <dt class="heading">Returns:</dt>
6666 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6680 <td class="msource">
6682 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6688 <tr class="method-row config-row-alt0 expandable">
6689 <td class="micon"><a class="exi" href="#expand"> </a></td>
6693 <a id="Roo.Element-method-isDisplayed" name=".isDisplayed"></a>
6694 <div class="fixedFont">
6695 <span class="attributes"></span><b class="itemname">isDisplayed</b>
6703 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6712 <div class="short">Returns true if display is not "none"</div>
6718 Returns true if display is not "none"
6729 <dl class="detailList">
6730 <dt class="heading">Returns:</dt>
6732 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6746 <td class="msource">
6748 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6754 <tr class="method-row config-row-alt1 expandable">
6755 <td class="micon"><a class="exi" href="#expand"> </a></td>
6759 <a id="Roo.Element-method-isMasked" name=".isMasked"></a>
6760 <div class="fixedFont">
6761 <span class="attributes"></span><b class="itemname">isMasked</b>
6769 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6778 <div class="short">Returns true if this element is masked</div>
6784 Returns true if this element is masked
6795 <dl class="detailList">
6796 <dt class="heading">Returns:</dt>
6798 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6812 <td class="msource">
6814 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6820 <tr class="method-row config-row-alt0 expandable">
6821 <td class="micon"><a class="exi" href="#expand"> </a></td>
6825 <a id="Roo.Element-method-isScrollable" name=".isScrollable"></a>
6826 <div class="fixedFont">
6827 <span class="attributes"></span><b class="itemname">isScrollable</b>
6835 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6844 <div class="short">Returns true if this element is scrollable.</div>
6850 Returns true if this element is scrollable.
6861 <dl class="detailList">
6862 <dt class="heading">Returns:</dt>
6864 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> </dd>
6878 <td class="msource">
6880 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6886 <tr class="method-row config-row-alt1 expandable">
6887 <td class="micon"><a class="exi" href="#expand"> </a></td>
6891 <a id="Roo.Element-method-isVisible" name=".isVisible"></a>
6892 <div class="fixedFont">
6893 <span class="attributes"></span><b class="itemname">isVisible</b>
6895 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>deep</i></B>)
6901 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6910 <div class="short">Checks whether the element is currently visible using both visibility and display properties.</div>
6916 Checks whether the element is currently visible using both visibility and display properties.
6923 <dl class="detailList">
6924 <dt class="heading">Parameters:</dt>
6927 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>deep</b>
6930 <dd>(optional) True to walk the dom and see if parent elements are hidden (defaults to false)</dd>
6938 <dl class="detailList">
6939 <dt class="heading">Returns:</dt>
6941 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if the element is currently visible, else false</dd>
6955 <td class="msource">
6957 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6963 <tr class="method-row config-row-alt0 expandable">
6964 <td class="micon"><a class="exi" href="#expand"> </a></td>
6968 <a id="Roo.Element-method-load" name=".load"></a>
6969 <div class="fixedFont">
6970 <span class="attributes"></span><b class="itemname">load</b>
6972 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function <B><i>url</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>params</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>discardUrl</i></B>)
6978 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
6987 <div class="short">Direct access to the UpdateManager update() method (takes the same parameters).</div>
6993 Direct access to the UpdateManager update() method (takes the same parameters).
7000 <dl class="detailList">
7001 <dt class="heading">Parameters:</dt>
7004 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Function</span> <b>url</b>
7007 <dd>The url for this request or a function to call to get the url</dd>
7010 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>params</b>
7013 <dd>(optional) The parameters to pass as either a url encoded string "param1=1&param2=2" or an object {param1: 1, param2: 2}</dd>
7016 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
7019 <dd>(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)</dd>
7022 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>discardUrl</b>
7025 <dd>(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.</dd>
7033 <dl class="detailList">
7034 <dt class="heading">Returns:</dt>
7036 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7050 <td class="msource">
7052 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7058 <tr class="method-row config-row-alt1 expandable">
7059 <td class="micon"><a class="exi" href="#expand"> </a></td>
7063 <a id="Roo.Element-method-mask" name=".mask"></a>
7064 <div class="fixedFont">
7065 <span class="attributes"></span><b class="itemname">mask</b>
7067 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msgCls</i></B>)
7082 <div class="short">Puts a mask over this element to disable user interaction.</div>
7088 Puts a mask over this element to disable user interaction. Requires core.css.<br/>This method can only be applied to elements which accept child nodes.
7095 <dl class="detailList">
7096 <dt class="heading">Parameters:</dt>
7099 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
7102 <dd>(optional) A message to display in the mask</dd>
7105 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msgCls</b>
7108 <dd>(optional) A css class to apply to the msg element</dd>
7116 <dl class="detailList">
7117 <dt class="heading">Returns:</dt>
7119 <dd><span class="fixedFont">Element</span> The mask element</dd>
7133 <td class="msource">
7135 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7141 <tr class="method-row config-row-alt0 expandable">
7142 <td class="micon"><a class="exi" href="#expand"> </a></td>
7146 <a id="Roo.Element-method-move" name=".move"></a>
7147 <div class="fixedFont">
7148 <span class="attributes"></span><b class="itemname">move</b>
7150 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>direction</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>distance</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
7156 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7165 <div class="short">Move this element relative to its current position.</div>
7171 Move this element relative to its current position.
7178 <dl class="detailList">
7179 <dt class="heading">Parameters:</dt>
7182 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>direction</b>
7185 <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
7188 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>distance</b>
7191 <dd>How far to move the element in pixels</dd>
7194 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
7197 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
7205 <dl class="detailList">
7206 <dt class="heading">Returns:</dt>
7208 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7222 <td class="msource">
7224 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7230 <tr class="method-row config-row-alt1 expandable">
7231 <td class="micon"><a class="exi" href="#expand"> </a></td>
7235 <a id="Roo.Element-method-moveTo" name=".moveTo"></a>
7236 <div class="fixedFont">
7237 <span class="attributes"></span><b class="itemname">moveTo</b>
7239 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
7245 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7254 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
7260 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
7267 <dl class="detailList">
7268 <dt class="heading">Parameters:</dt>
7271 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7274 <dd>X value for new position (coordinates are page-based)</dd>
7277 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7280 <dd>Y value for new position (coordinates are page-based)</dd>
7283 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
7286 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
7294 <dl class="detailList">
7295 <dt class="heading">Returns:</dt>
7297 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7311 <td class="msource">
7313 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7319 <tr class="method-row config-row-alt0 expandable">
7320 <td class="micon"><a class="exi" href="#expand"> </a></td>
7324 <a id="Roo.Element-method-on" name=".on"></a>
7325 <div class="fixedFont">
7326 <span class="attributes"></span><b class="itemname">on</b>
7328 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
7335 <div class="short">Appends an event handler (Shorthand for addListener)</div>
7341 Appends an event handler (Shorthand for addListener)
7348 <dl class="detailList">
7349 <dt class="heading">Parameters:</dt>
7352 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
7355 <dd>The type of event to append</dd>
7358 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
7361 <dd>The method the event invokes</dd>
7364 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
7367 <dd>(optional) The scope (this object) of the fn</dd>
7370 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
7373 <dd>(optional)An object with standard {<b>link</b> Roo.EventManager<b>addListener</b>} options</dd>
7391 <td class="msource">
7393 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7399 <tr class="method-row config-row-alt1 expandable">
7400 <td class="micon"><a class="exi" href="#expand"> </a></td>
7404 <a id="Roo.Element-method-position" name=".position"></a>
7405 <div class="fixedFont">
7406 <span class="attributes"></span><b class="itemname">position</b>
7408 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>pos</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>zIndex</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
7415 <div class="short">Initializes positioning on this element.</div>
7421 Initializes positioning on this element. If a desired position is not passed, it will make the<br/>the element positioned relative IF it is not already positioned.
7428 <dl class="detailList">
7429 <dt class="heading">Parameters:</dt>
7432 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>pos</b>
7435 <dd>(optional) Positioning to use "relative", "absolute" or "fixed"</dd>
7438 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>zIndex</b>
7441 <dd>(optional) The zIndex to apply</dd>
7444 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7447 <dd>(optional) Set the page X position</dd>
7450 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7453 <dd>(optional) Set the page Y position</dd>
7471 <td class="msource">
7473 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7479 <tr class="method-row config-row-alt0 expandable">
7480 <td class="micon"><a class="exi" href="#expand"> </a></td>
7484 <a id="Roo.Element-method-query" name=".query"></a>
7485 <div class="fixedFont">
7486 <span class="attributes"></span><b class="itemname">query</b>
7488 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>)
7494 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
7503 <div class="short">Selects child nodes based on the passed CSS selector (the selector should not contain an id).</div>
7509 Selects child nodes based on the passed CSS selector (the selector should not contain an id).
7516 <dl class="detailList">
7517 <dt class="heading">Parameters:</dt>
7520 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
7523 <dd>The CSS selector</dd>
7531 <dl class="detailList">
7532 <dt class="heading">Returns:</dt>
7534 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> An array of the matched nodes</dd>
7548 <td class="msource">
7550 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7556 <tr class="method-row config-row-alt1 expandable">
7557 <td class="micon"><a class="exi" href="#expand"> </a></td>
7561 <a id="Roo.Element-method-radioClass" name=".radioClass"></a>
7562 <div class="fixedFont">
7563 <span class="attributes"></span><b class="itemname">radioClass</b>
7565 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7571 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7580 <div class="short">Adds one or more CSS classes to this element and removes the same class(es) from all siblings.</div>
7586 Adds one or more CSS classes to this element and removes the same class(es) from all siblings.
7593 <dl class="detailList">
7594 <dt class="heading">Parameters:</dt>
7597 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
7600 <dd>The CSS class to add, or an array of classes</dd>
7608 <dl class="detailList">
7609 <dt class="heading">Returns:</dt>
7611 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7625 <td class="msource">
7627 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7633 <tr class="method-row config-row-alt0 expandable">
7634 <td class="micon"><a class="exi" href="#expand"> </a></td>
7638 <a id="Roo.Element-method-remove" name=".remove"></a>
7639 <div class="fixedFont">
7640 <span class="attributes"></span><b class="itemname">remove</b>
7649 <div class="short">Removes this element from the DOM and deletes it from the cache</div>
7655 Removes this element from the DOM and deletes it from the cache
7676 <td class="msource">
7678 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7684 <tr class="method-row config-row-alt1 expandable">
7685 <td class="micon"><a class="exi" href="#expand"> </a></td>
7689 <a id="Roo.Element-method-removeAllListeners" name=".removeAllListeners"></a>
7690 <div class="fixedFont">
7691 <span class="attributes"></span><b class="itemname">removeAllListeners</b>
7699 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7708 <div class="short">Removes all previous added listeners from this element</div>
7714 Removes all previous added listeners from this element
7725 <dl class="detailList">
7726 <dt class="heading">Returns:</dt>
7728 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7742 <td class="msource">
7744 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7750 <tr class="method-row config-row-alt0 expandable">
7751 <td class="micon"><a class="exi" href="#expand"> </a></td>
7755 <a id="Roo.Element-method-removeClass" name=".removeClass"></a>
7756 <div class="fixedFont">
7757 <span class="attributes"></span><b class="itemname">removeClass</b>
7759 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array <B><i>className</i></B>)
7765 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7774 <div class="short">Removes one or more CSS classes from the element.</div>
7780 Removes one or more CSS classes from the element.
7787 <dl class="detailList">
7788 <dt class="heading">Parameters:</dt>
7791 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Array</span> <b>className</b>
7794 <dd>The CSS class to remove, or an array of classes</dd>
7802 <dl class="detailList">
7803 <dt class="heading">Returns:</dt>
7805 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7819 <td class="msource">
7821 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7827 <tr class="method-row config-row-alt1 expandable">
7828 <td class="micon"><a class="exi" href="#expand"> </a></td>
7832 <a id="Roo.Element-method-removeListener" name=".removeListener"></a>
7833 <div class="fixedFont">
7834 <span class="attributes"></span><b class="itemname">removeListener</b>
7836 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>)
7842 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7851 <div class="short">Removes an event handler from this element</div>
7857 Removes an event handler from this element
7864 <dl class="detailList">
7865 <dt class="heading">Parameters:</dt>
7868 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
7871 <dd>the type of event to remove</dd>
7874 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
7877 <dd>the method the event invokes</dd>
7885 <dl class="detailList">
7886 <dt class="heading">Returns:</dt>
7888 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7902 <td class="msource">
7904 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7910 <tr class="method-row config-row-alt0 expandable">
7911 <td class="micon"><a class="exi" href="#expand"> </a></td>
7915 <a id="Roo.Element-method-repaint" name=".repaint"></a>
7916 <div class="fixedFont">
7917 <span class="attributes"></span><b class="itemname">repaint</b>
7925 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7934 <div class="short">Forces the browser to repaint this element</div>
7940 Forces the browser to repaint this element
7951 <dl class="detailList">
7952 <dt class="heading">Returns:</dt>
7954 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
7968 <td class="msource">
7970 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
7976 <tr class="method-row config-row-alt1 expandable">
7977 <td class="micon"><a class="exi" href="#expand"> </a></td>
7981 <a id="Roo.Element-method-replace" name=".replace"></a>
7982 <div class="fixedFont">
7983 <span class="attributes"></span><b class="itemname">replace</b>
7985 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
7991 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8000 <div class="short">Replaces the passed element with this element</div>
8006 Replaces the passed element with this element
8013 <dl class="detailList">
8014 <dt class="heading">Parameters:</dt>
8017 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
8020 <dd>The element to replace</dd>
8028 <dl class="detailList">
8029 <dt class="heading">Returns:</dt>
8031 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8045 <td class="msource">
8047 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8053 <tr class="method-row config-row-alt0 expandable">
8054 <td class="micon"><a class="exi" href="#expand"> </a></td>
8058 <a id="Roo.Element-method-replaceClass" name=".replaceClass"></a>
8059 <div class="fixedFont">
8060 <span class="attributes"></span><b class="itemname">replaceClass</b>
8062 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>oldClassName</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>newClassName</i></B>)
8068 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8077 <div class="short">Replaces a CSS class on the element with another.</div>
8083 Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added.
8090 <dl class="detailList">
8091 <dt class="heading">Parameters:</dt>
8094 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>oldClassName</b>
8097 <dd>The CSS class to replace</dd>
8100 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>newClassName</b>
8103 <dd>The replacement CSS class</dd>
8111 <dl class="detailList">
8112 <dt class="heading">Returns:</dt>
8114 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8128 <td class="msource">
8130 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8136 <tr class="method-row config-row-alt1 expandable">
8137 <td class="micon"><a class="exi" href="#expand"> </a></td>
8141 <a id="Roo.Element-method-scroll" name=".scroll"></a>
8142 <div class="fixedFont">
8143 <span class="attributes"></span><b class="itemname">scroll</b>
8145 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>direction</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>distance</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8151 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
8160 <div class="short">Scrolls this element the specified direction.</div>
8166 Scrolls this element the specified direction. Does bounds checking to make sure the scroll is<br/>within this element's scrollable range.
8173 <dl class="detailList">
8174 <dt class="heading">Parameters:</dt>
8177 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>direction</b>
8180 <dd>Possible values are: "l","left" - "r","right" - "t","top","up" - "b","bottom","down".</dd>
8183 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>distance</b>
8186 <dd>How far to scroll the element in pixels</dd>
8189 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8192 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8200 <dl class="detailList">
8201 <dt class="heading">Returns:</dt>
8203 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> Returns true if a scroll was triggered or false if the element<br/>was scrolled as far as it could go.</dd>
8217 <td class="msource">
8219 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8225 <tr class="method-row config-row-alt0 expandable">
8226 <td class="micon"><a class="exi" href="#expand"> </a></td>
8230 <a id="Roo.Element-method-scrollIntoView" name=".scrollIntoView"></a>
8231 <div class="fixedFont">
8232 <span class="attributes"></span><b class="itemname">scrollIntoView</b>
8234 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>hscroll</i></B>)
8240 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8249 <div class="short">Scrolls this element into view within the passed container.</div>
8255 Scrolls this element into view within the passed container.
8262 <dl class="detailList">
8263 <dt class="heading">Parameters:</dt>
8266 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>container</b>
8269 <dd>(optional) The container element to scroll (defaults to document.body)</dd>
8272 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>hscroll</b>
8275 <dd>(optional) False to disable horizontal scroll (defaults to true)</dd>
8283 <dl class="detailList">
8284 <dt class="heading">Returns:</dt>
8286 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8300 <td class="msource">
8302 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8308 <tr class="method-row config-row-alt1 expandable">
8309 <td class="micon"><a class="exi" href="#expand"> </a></td>
8313 <a id="Roo.Element-method-scrollTo" name=".scrollTo"></a>
8314 <div class="fixedFont">
8315 <span class="attributes"></span><b class="itemname">scrollTo</b>
8317 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>side</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>value</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8332 <div class="short">Scrolls this element the specified scroll point.</div>
8338 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().
8345 <dl class="detailList">
8346 <dt class="heading">Parameters:</dt>
8349 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>side</b>
8352 <dd>Either "left" for scrollLeft values or "top" for scrollTop values.</dd>
8355 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>value</b>
8358 <dd>The new scroll value</dd>
8361 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8364 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8372 <dl class="detailList">
8373 <dt class="heading">Returns:</dt>
8375 <dd><span class="fixedFont">Element</span> this</dd>
8389 <td class="msource">
8391 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8397 <tr class="method-row config-row-alt0 expandable">
8398 <td class="micon"><a class="exi" href="#expand"> </a></td>
8402 <a id="Roo.Element-method-select" name=".select"></a>
8403 <div class="fixedFont">
8404 <span class="attributes"></span><b class="itemname">select</b>
8406 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>unique</i></B>)
8412 CompositeElement/CompositeElementLite
8421 <div class="short">Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).</div>
8427 Creates a {<b>link</b> Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).
8434 <dl class="detailList">
8435 <dt class="heading">Parameters:</dt>
8438 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
8441 <dd>The CSS selector</dd>
8444 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>unique</b>
8447 <dd>(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)</dd>
8455 <dl class="detailList">
8456 <dt class="heading">Returns:</dt>
8458 <dd><span class="fixedFont">CompositeElement/CompositeElementLite</span> The composite element</dd>
8472 <td class="msource">
8474 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8480 <tr class="method-row config-row-alt1 expandable">
8481 <td class="micon"><a class="exi" href="#expand"> </a></td>
8485 <a id="Roo.Element-method-set" name=".set"></a>
8486 <div class="fixedFont">
8487 <span class="attributes"></span><b class="itemname">set</b>
8489 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>o</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>useSet</i></B>)
8495 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8504 <div class="short">Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)</div>
8510 Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)
8517 <dl class="detailList">
8518 <dt class="heading">Parameters:</dt>
8521 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>o</b>
8524 <dd>The object with the attributes</dd>
8527 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>useSet</b>
8530 <dd>(optional) false to override the default setAttribute to use expandos.</dd>
8538 <dl class="detailList">
8539 <dt class="heading">Returns:</dt>
8541 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8555 <td class="msource">
8557 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8563 <tr class="method-row config-row-alt0 expandable">
8564 <td class="micon"><a class="exi" href="#expand"> </a></td>
8568 <a id="Roo.Element-method-setBottom" name=".setBottom"></a>
8569 <div class="fixedFont">
8570 <span class="attributes"></span><b class="itemname">setBottom</b>
8572 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>bottom</i></B>)
8578 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8587 <div class="short">Sets the element's CSS bottom style.</div>
8593 Sets the element's CSS bottom style.
8600 <dl class="detailList">
8601 <dt class="heading">Parameters:</dt>
8604 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>bottom</b>
8607 <dd>The bottom CSS property value</dd>
8615 <dl class="detailList">
8616 <dt class="heading">Returns:</dt>
8618 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8632 <td class="msource">
8634 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8640 <tr class="method-row config-row-alt1 expandable">
8641 <td class="micon"><a class="exi" href="#expand"> </a></td>
8645 <a id="Roo.Element-method-setBounds" name=".setBounds"></a>
8646 <div class="fixedFont">
8647 <span class="attributes"></span><b class="itemname">setBounds</b>
8649 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8655 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8664 <div class="short">Sets the element's position and size in one shot.</div>
8670 Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.
8677 <dl class="detailList">
8678 <dt class="heading">Parameters:</dt>
8681 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
8684 <dd>X value for new position (coordinates are page-based)</dd>
8687 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
8690 <dd>Y value for new position (coordinates are page-based)</dd>
8693 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
8696 <dd>The new width</dd>
8699 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
8702 <dd>The new height</dd>
8705 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8708 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8716 <dl class="detailList">
8717 <dt class="heading">Returns:</dt>
8719 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8733 <td class="msource">
8735 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8741 <tr class="method-row config-row-alt0 expandable">
8742 <td class="micon"><a class="exi" href="#expand"> </a></td>
8746 <a id="Roo.Element-method-setBox" name=".setBox"></a>
8747 <div class="fixedFont">
8748 <span class="attributes"></span><b class="itemname">setBox</b>
8750 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>adjust</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8756 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8765 <div class="short">Sets the element's box.</div>
8771 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.
8778 <dl class="detailList">
8779 <dt class="heading">Parameters:</dt>
8782 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>box</b>
8785 <dd>The box to fill {x, y, width, height}</dd>
8788 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>adjust</b>
8791 <dd>(optional) Whether to adjust for box-model issues automatically</dd>
8794 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8797 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8805 <dl class="detailList">
8806 <dt class="heading">Returns:</dt>
8808 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8822 <td class="msource">
8824 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8830 <tr class="method-row config-row-alt1 expandable">
8831 <td class="micon"><a class="exi" href="#expand"> </a></td>
8835 <a id="Roo.Element-method-setDisplayed" name=".setDisplayed"></a>
8836 <div class="fixedFont">
8837 <span class="attributes"></span><b class="itemname">setDisplayed</b>
8839 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
8845 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8854 <div class="short">Sets the CSS display property.</div>
8860 Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.
8867 <dl class="detailList">
8868 <dt class="heading">Parameters:</dt>
8871 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>value</b>
8874 <dd>Boolean value to display the element using its default display, or a string to set the display directly</dd>
8882 <dl class="detailList">
8883 <dt class="heading">Returns:</dt>
8885 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8899 <td class="msource">
8901 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8907 <tr class="method-row config-row-alt0 expandable">
8908 <td class="micon"><a class="exi" href="#expand"> </a></td>
8912 <a id="Roo.Element-method-setHeight" name=".setHeight"></a>
8913 <div class="fixedFont">
8914 <span class="attributes"></span><b class="itemname">setHeight</b>
8916 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
8922 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8931 <div class="short">Set the height of the element</div>
8937 Set the height of the element
8944 <dl class="detailList">
8945 <dt class="heading">Parameters:</dt>
8948 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
8951 <dd>The new height</dd>
8954 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
8957 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
8965 <dl class="detailList">
8966 <dt class="heading">Returns:</dt>
8968 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
8982 <td class="msource">
8984 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
8990 <tr class="method-row config-row-alt1 expandable">
8991 <td class="micon"><a class="exi" href="#expand"> </a></td>
8995 <a id="Roo.Element-method-setLeft" name=".setLeft"></a>
8996 <div class="fixedFont">
8997 <span class="attributes"></span><b class="itemname">setLeft</b>
8999 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>)
9005 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9014 <div class="short">Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).</div>
9020 Sets the element's left position directly using CSS style (instead of {<b>link</b> <b>setX</b>}).
9027 <dl class="detailList">
9028 <dt class="heading">Parameters:</dt>
9031 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>left</b>
9034 <dd>The left CSS property value</dd>
9042 <dl class="detailList">
9043 <dt class="heading">Returns:</dt>
9045 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9059 <td class="msource">
9061 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9067 <tr class="method-row config-row-alt0 expandable">
9068 <td class="micon"><a class="exi" href="#expand"> </a></td>
9072 <a id="Roo.Element-method-setLeftTop" name=".setLeftTop"></a>
9073 <div class="fixedFont">
9074 <span class="attributes"></span><b class="itemname">setLeftTop</b>
9076 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>left</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
9082 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9091 <div class="short">Quick set left and top adding default units</div>
9097 Quick set left and top adding default units
9104 <dl class="detailList">
9105 <dt class="heading">Parameters:</dt>
9108 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>left</b>
9111 <dd>The left CSS property value</dd>
9114 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>top</b>
9117 <dd>The top CSS property value</dd>
9125 <dl class="detailList">
9126 <dt class="heading">Returns:</dt>
9128 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9142 <td class="msource">
9144 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9150 <tr class="method-row config-row-alt1 expandable">
9151 <td class="micon"><a class="exi" href="#expand"> </a></td>
9155 <a id="Roo.Element-method-setLocation" name=".setLocation"></a>
9156 <div class="fixedFont">
9157 <span class="attributes"></span><b class="itemname">setLocation</b>
9159 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9165 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9174 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
9180 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
9187 <dl class="detailList">
9188 <dt class="heading">Parameters:</dt>
9191 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
9194 <dd>X value for new position (coordinates are page-based)</dd>
9197 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
9200 <dd>Y value for new position (coordinates are page-based)</dd>
9203 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9206 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9214 <dl class="detailList">
9215 <dt class="heading">Returns:</dt>
9217 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9231 <td class="msource">
9233 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9239 <tr class="method-row config-row-alt0 expandable">
9240 <td class="micon"><a class="exi" href="#expand"> </a></td>
9244 <a id="Roo.Element-method-setOpacity" name=".setOpacity"></a>
9245 <div class="fixedFont">
9246 <span class="attributes"></span><b class="itemname">setOpacity</b>
9248 (Float <B><i>opacity</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9254 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9263 <div class="short">Set the opacity of the element</div>
9269 Set the opacity of the element
9276 <dl class="detailList">
9277 <dt class="heading">Parameters:</dt>
9280 <span class="fixedFont">Float</span> <b>opacity</b>
9283 <dd>The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc</dd>
9286 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9289 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9297 <dl class="detailList">
9298 <dt class="heading">Returns:</dt>
9300 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9314 <td class="msource">
9316 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9322 <tr class="method-row config-row-alt1 expandable">
9323 <td class="micon"><a class="exi" href="#expand"> </a></td>
9327 <a id="Roo.Element-method-setPositioning" name=".setPositioning"></a>
9328 <div class="fixedFont">
9329 <span class="attributes"></span><b class="itemname">setPositioning</b>
9331 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>posCfg</i></B>)
9337 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9346 <div class="short">Set positioning with an object returned by getPositioning().</div>
9352 Set positioning with an object returned by getPositioning().
9359 <dl class="detailList">
9360 <dt class="heading">Parameters:</dt>
9363 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>posCfg</b>
9374 <dl class="detailList">
9375 <dt class="heading">Returns:</dt>
9377 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9391 <td class="msource">
9393 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9399 <tr class="method-row config-row-alt0 expandable">
9400 <td class="micon"><a class="exi" href="#expand"> </a></td>
9404 <a id="Roo.Element-method-setRegion" name=".setRegion"></a>
9405 <div class="fixedFont">
9406 <span class="attributes"></span><b class="itemname">setRegion</b>
9408 (Roo.lib.Region <B><i>region</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9414 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9423 <div class="short">Sets the element's position and size the the specified region.</div>
9429 Sets the element's position and size the the specified region. If animation is true then width, height, x and y will be animated concurrently.
9436 <dl class="detailList">
9437 <dt class="heading">Parameters:</dt>
9440 <span class="fixedFont">Roo.lib.Region</span> <b>region</b>
9443 <dd>The region to fill</dd>
9446 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9449 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9457 <dl class="detailList">
9458 <dt class="heading">Returns:</dt>
9460 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9474 <td class="msource">
9476 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9482 <tr class="method-row config-row-alt1 expandable">
9483 <td class="micon"><a class="exi" href="#expand"> </a></td>
9487 <a id="Roo.Element-method-setRight" name=".setRight"></a>
9488 <div class="fixedFont">
9489 <span class="attributes"></span><b class="itemname">setRight</b>
9491 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>right</i></B>)
9497 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9506 <div class="short">Sets the element's CSS right style.</div>
9512 Sets the element's CSS right style.
9519 <dl class="detailList">
9520 <dt class="heading">Parameters:</dt>
9523 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>right</b>
9526 <dd>The right CSS property value</dd>
9534 <dl class="detailList">
9535 <dt class="heading">Returns:</dt>
9537 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9551 <td class="msource">
9553 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9559 <tr class="method-row config-row-alt0 expandable">
9560 <td class="micon"><a class="exi" href="#expand"> </a></td>
9564 <a id="Roo.Element-method-setSize" name=".setSize"></a>
9565 <div class="fixedFont">
9566 <span class="attributes"></span><b class="itemname">setSize</b>
9568 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9574 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9583 <div class="short">Set the size of the element.</div>
9589 Set the size of the element. If animation is true, both width an height will be animated concurrently.
9596 <dl class="detailList">
9597 <dt class="heading">Parameters:</dt>
9600 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
9603 <dd>The new width</dd>
9606 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
9609 <dd>The new height</dd>
9612 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9615 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
9623 <dl class="detailList">
9624 <dt class="heading">Returns:</dt>
9626 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9640 <td class="msource">
9642 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9648 <tr class="method-row config-row-alt1 expandable">
9649 <td class="micon"><a class="exi" href="#expand"> </a></td>
9653 <a id="Roo.Element-method-setStyle" name=".setStyle"></a>
9654 <div class="fixedFont">
9655 <span class="attributes"></span><b class="itemname">setStyle</b>
9657 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object <B><i>property</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
9663 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9672 <div class="short">Wrapper for setting style properties, also takes single object parameter of multiple styles.</div>
9678 Wrapper for setting style properties, also takes single object parameter of multiple styles.
9685 <dl class="detailList">
9686 <dt class="heading">Parameters:</dt>
9689 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object</span> <b>property</b>
9692 <dd>The style property to be set, or an object of multiple styles.</dd>
9695 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
9698 <dd>(optional) The value to apply to the given property, or null if an object was passed.</dd>
9706 <dl class="detailList">
9707 <dt class="heading">Returns:</dt>
9709 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9723 <td class="msource">
9725 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9731 <tr class="method-row config-row-alt0 expandable">
9732 <td class="micon"><a class="exi" href="#expand"> </a></td>
9736 <a id="Roo.Element-method-setTop" name=".setTop"></a>
9737 <div class="fixedFont">
9738 <span class="attributes"></span><b class="itemname">setTop</b>
9740 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>top</i></B>)
9746 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9755 <div class="short">Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).</div>
9761 Sets the element's top position directly using CSS style (instead of {<b>link</b> <b>setY</b>}).
9768 <dl class="detailList">
9769 <dt class="heading">Parameters:</dt>
9772 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>top</b>
9775 <dd>The top CSS property value</dd>
9783 <dl class="detailList">
9784 <dt class="heading">Returns:</dt>
9786 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9800 <td class="msource">
9802 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9808 <tr class="method-row config-row-alt1 expandable">
9809 <td class="micon"><a class="exi" href="#expand"> </a></td>
9813 <a id="Roo.Element-method-setVisibilityMode" name=".setVisibilityMode"></a>
9814 <div class="fixedFont">
9815 <span class="attributes"></span><b class="itemname">setVisibilityMode</b>
9817 (<B><i>visMode</i></B>)
9823 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9832 <div class="short">Sets the element's visibility mode.</div>
9838 Sets the element's visibility mode. When setVisible() is called it<br/>will use this to determine whether to set the visibility or the display property.
9845 <dl class="detailList">
9846 <dt class="heading">Parameters:</dt>
9852 <dd>Element.VISIBILITY or Element.DISPLAY</dd>
9860 <dl class="detailList">
9861 <dt class="heading">Returns:</dt>
9863 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9877 <td class="msource">
9879 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9885 <tr class="method-row config-row-alt0 expandable">
9886 <td class="micon"><a class="exi" href="#expand"> </a></td>
9890 <a id="Roo.Element-method-setVisible" name=".setVisible"></a>
9891 <div class="fixedFont">
9892 <span class="attributes"></span><b class="itemname">setVisible</b>
9894 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9900 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9909 <div class="short">Sets the visibility of the element (see details).</div>
9915 Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use<br/>the display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.
9922 <dl class="detailList">
9923 <dt class="heading">Parameters:</dt>
9926 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>visible</b>
9929 <dd>Whether the element is visible</dd>
9932 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
9935 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
9943 <dl class="detailList">
9944 <dt class="heading">Returns:</dt>
9946 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
9960 <td class="msource">
9962 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9968 <tr class="method-row config-row-alt1 expandable">
9969 <td class="micon"><a class="exi" href="#expand"> </a></td>
9973 <a id="Roo.Element-method-setWidth" name=".setWidth"></a>
9974 <div class="fixedFont">
9975 <span class="attributes"></span><b class="itemname">setWidth</b>
9977 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
9983 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
9992 <div class="short">Set the width of the element</div>
9998 Set the width of the element
10005 <dl class="detailList">
10006 <dt class="heading">Parameters:</dt>
10009 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
10012 <dd>The new width</dd>
10015 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10018 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
10026 <dl class="detailList">
10027 <dt class="heading">Returns:</dt>
10029 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10043 <td class="msource">
10045 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10051 <tr class="method-row config-row-alt0 expandable">
10052 <td class="micon"><a class="exi" href="#expand"> </a></td>
10056 <a id="Roo.Element-method-setX" name=".setX"></a>
10057 <div class="fixedFont">
10058 <span class="attributes"></span><b class="itemname">setX</b>
10060 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>The</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10066 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10073 <div class="mdesc">
10075 <div class="short">Sets the X position of the element based on page coordinates.</div>
10081 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).
10088 <dl class="detailList">
10089 <dt class="heading">Parameters:</dt>
10092 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>The</b>
10095 <dd>X position of the element</dd>
10098 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10101 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10109 <dl class="detailList">
10110 <dt class="heading">Returns:</dt>
10112 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10126 <td class="msource">
10128 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10134 <tr class="method-row config-row-alt1 expandable">
10135 <td class="micon"><a class="exi" href="#expand"> </a></td>
10139 <a id="Roo.Element-method-setXY" name=".setXY"></a>
10140 <div class="fixedFont">
10141 <span class="attributes"></span><b class="itemname">setXY</b>
10143 (<a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>pos</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10149 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10156 <div class="mdesc">
10158 <div class="short">Sets the position of the element in page coordinates, regardless of how the element is positioned.</div>
10164 Sets the position of the element in page coordinates, regardless of how the element is positioned.<br/>The element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
10171 <dl class="detailList">
10172 <dt class="heading">Parameters:</dt>
10175 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>pos</b>
10178 <dd>Contains X & Y [x, y] values for new position (coordinates are page-based)</dd>
10181 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10184 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10192 <dl class="detailList">
10193 <dt class="heading">Returns:</dt>
10195 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10209 <td class="msource">
10211 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10217 <tr class="method-row config-row-alt0 expandable">
10218 <td class="micon"><a class="exi" href="#expand"> </a></td>
10222 <a id="Roo.Element-method-setY" name=".setY"></a>
10223 <div class="fixedFont">
10224 <span class="attributes"></span><b class="itemname">setY</b>
10226 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>The</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10232 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10239 <div class="mdesc">
10241 <div class="short">Sets the Y position of the element based on page coordinates.</div>
10247 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).
10254 <dl class="detailList">
10255 <dt class="heading">Parameters:</dt>
10258 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>The</b>
10261 <dd>Y position of the element</dd>
10264 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10267 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10275 <dl class="detailList">
10276 <dt class="heading">Returns:</dt>
10278 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10292 <td class="msource">
10294 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10300 <tr class="method-row config-row-alt1 expandable notInherited">
10301 <td class="micon"><a class="exi" href="#expand"> </a></td>
10305 <a id="Roo.Layer-method-setZIndex" name=".setZIndex"></a>
10306 <div class="fixedFont">
10307 <span class="attributes"></span><b class="itemname">setZIndex</b>
10309 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>zindex</i></B>)
10315 <a href="./this.html#constructor" roo:cls="this.html#constructor">this</a>
10322 <div class="mdesc">
10324 <div class="short">Sets the z-index of this layer and adjusts any shadow and shim z-indexes.</div>
10330 Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically<br/>incremented by two more than the value passed in so that it always shows above any shadow or shim (the shadow<br/>element, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index).
10337 <dl class="detailList">
10338 <dt class="heading">Parameters:</dt>
10341 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>zindex</b>
10344 <dd>The new z-index to set</dd>
10352 <dl class="detailList">
10353 <dt class="heading">Returns:</dt>
10355 <dd><span class="fixedFont"><a href="./this.html#constructor" roo:cls="this.html#constructor">this</a></span> The Layer</dd>
10369 <td class="msource">
10377 <tr class="method-row config-row-alt0 expandable">
10378 <td class="micon"><a class="exi" href="#expand"> </a></td>
10382 <a id="Roo.Element-method-show" name=".show"></a>
10383 <div class="fixedFont">
10384 <span class="attributes"></span><b class="itemname">show</b>
10386 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10392 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10399 <div class="mdesc">
10401 <div class="short">Show this element - Uses display mode to determine whether to use "display" or "visibility".</div>
10407 Show this element - Uses display mode to determine whether to use "display" or "visibility". See {<b>link</b> <b>setVisible</b>}.
10414 <dl class="detailList">
10415 <dt class="heading">Parameters:</dt>
10418 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10421 <dd>(optional) true for the default animation or a standard Element animation config object</dd>
10429 <dl class="detailList">
10430 <dt class="heading">Returns:</dt>
10432 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10446 <td class="msource">
10448 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10454 <tr class="method-row config-row-alt1 expandable">
10455 <td class="micon"><a class="exi" href="#expand"> </a></td>
10459 <a id="Roo.Element-method-swallowEvent" name=".swallowEvent"></a>
10460 <div class="fixedFont">
10461 <span class="attributes"></span><b class="itemname">swallowEvent</b>
10463 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventDefault</i></B>)
10469 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10476 <div class="mdesc">
10478 <div class="short">Stops the specified event from bubbling and optionally prevents the default action</div>
10484 Stops the specified event from bubbling and optionally prevents the default action
10491 <dl class="detailList">
10492 <dt class="heading">Parameters:</dt>
10495 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
10501 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>preventDefault</b>
10504 <dd>(optional) true to prevent the default action too</dd>
10512 <dl class="detailList">
10513 <dt class="heading">Returns:</dt>
10515 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10529 <td class="msource">
10531 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10537 <tr class="method-row config-row-alt0 expandable">
10538 <td class="micon"><a class="exi" href="#expand"> </a></td>
10542 <a id="Roo.Element-method-toggle" name=".toggle"></a>
10543 <div class="fixedFont">
10544 <span class="attributes"></span><b class="itemname">toggle</b>
10546 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object <B><i>animate</i></B>)
10552 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10559 <div class="mdesc">
10561 <div class="short">Toggles the element's visibility or display, depending on visibility mode.</div>
10567 Toggles the element's visibility or display, depending on visibility mode.
10574 <dl class="detailList">
10575 <dt class="heading">Parameters:</dt>
10578 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object</span> <b>animate</b>
10581 <dd>(optional) True for the default animation, or a standard Element animation config object</dd>
10589 <dl class="detailList">
10590 <dt class="heading">Returns:</dt>
10592 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10606 <td class="msource">
10608 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10614 <tr class="method-row config-row-alt1 expandable">
10615 <td class="micon"><a class="exi" href="#expand"> </a></td>
10619 <a id="Roo.Element-method-toggleClass" name=".toggleClass"></a>
10620 <div class="fixedFont">
10621 <span class="attributes"></span><b class="itemname">toggleClass</b>
10623 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>className</i></B>)
10629 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10636 <div class="mdesc">
10638 <div class="short">Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).</div>
10644 Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).
10651 <dl class="detailList">
10652 <dt class="heading">Parameters:</dt>
10655 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>className</b>
10658 <dd>The CSS class to toggle</dd>
10666 <dl class="detailList">
10667 <dt class="heading">Returns:</dt>
10669 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10683 <td class="msource">
10685 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10691 <tr class="method-row config-row-alt0 expandable">
10692 <td class="micon"><a class="exi" href="#expand"> </a></td>
10696 <a id="Roo.Element-method-translatePoints" name=".translatePoints"></a>
10697 <div class="fixedFont">
10698 <span class="attributes"></span><b class="itemname">translatePoints</b>
10700 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
10706 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
10713 <div class="mdesc">
10715 <div class="short">Translates the passed page coordinates into left/top css values for this element</div>
10721 Translates the passed page coordinates into left/top css values for this element
10728 <dl class="detailList">
10729 <dt class="heading">Parameters:</dt>
10732 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Array</span> <b>x</b>
10735 <dd>The page x or an array containing [x, y]</dd>
10738 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
10741 <dd>The page y</dd>
10749 <dl class="detailList">
10750 <dt class="heading">Returns:</dt>
10752 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> An object with left and top properties. e.g. {left: (value), top: (value)}</dd>
10766 <td class="msource">
10768 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10774 <tr class="method-row config-row-alt1 expandable">
10775 <td class="micon"><a class="exi" href="#expand"> </a></td>
10779 <a id="Roo.Element-method-un" name=".un"></a>
10780 <div class="fixedFont">
10781 <span class="attributes"></span><b class="itemname">un</b>
10783 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>fn</i></B>)
10789 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10796 <div class="mdesc">
10798 <div class="short">Removes an event handler from this element (shorthand for removeListener)</div>
10804 Removes an event handler from this element (shorthand for removeListener)
10811 <dl class="detailList">
10812 <dt class="heading">Parameters:</dt>
10815 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
10818 <dd>the type of event to remove</dd>
10821 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>fn</b>
10824 <dd>the method the event invokes</dd>
10832 <dl class="detailList">
10833 <dt class="heading">Returns:</dt>
10835 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10849 <td class="msource">
10851 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10857 <tr class="method-row config-row-alt0 expandable">
10858 <td class="micon"><a class="exi" href="#expand"> </a></td>
10862 <a id="Roo.Element-method-unclip" name=".unclip"></a>
10863 <div class="fixedFont">
10864 <span class="attributes"></span><b class="itemname">unclip</b>
10872 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10879 <div class="mdesc">
10881 <div class="short">Return clipping (overflow) to original clipping before clip() was called</div>
10887 Return clipping (overflow) to original clipping before clip() was called
10898 <dl class="detailList">
10899 <dt class="heading">Returns:</dt>
10901 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
10915 <td class="msource">
10917 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10923 <tr class="method-row config-row-alt1 expandable">
10924 <td class="micon"><a class="exi" href="#expand"> </a></td>
10928 <a id="Roo.Element-method-unmask" name=".unmask"></a>
10929 <div class="fixedFont">
10930 <span class="attributes"></span><b class="itemname">unmask</b>
10937 <div class="mdesc">
10939 <div class="short">Removes a previously applied mask.</div>
10945 Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise<br/>it is cached for reuse.
10966 <td class="msource">
10968 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10974 <tr class="method-row config-row-alt0 expandable">
10975 <td class="micon"><a class="exi" href="#expand"> </a></td>
10979 <a id="Roo.Element-method-unselectable" name=".unselectable"></a>
10980 <div class="fixedFont">
10981 <span class="attributes"></span><b class="itemname">unselectable</b>
10989 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
10996 <div class="mdesc">
10998 <div class="short">Disables text selection for this element (normalized across browsers)</div>
11004 Disables text selection for this element (normalized across browsers)
11015 <dl class="detailList">
11016 <dt class="heading">Returns:</dt>
11018 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
11032 <td class="msource">
11034 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11040 <tr class="method-row config-row-alt1 expandable">
11041 <td class="micon"><a class="exi" href="#expand"> </a></td>
11045 <a id="Roo.Element-method-up" name=".up"></a>
11046 <div class="fixedFont">
11047 <span class="attributes"></span><b class="itemname">up</b>
11049 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>selector</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element <B><i>maxDepth</i></B>)
11055 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11062 <div class="mdesc">
11064 <div class="short">Walks up the dom looking for a parent node that matches the passed simple selector (e.g.</div>
11070 Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).<br/>This is a shortcut for findParentNode() that always returns an Roo.Element.
11077 <dl class="detailList">
11078 <dt class="heading">Parameters:</dt>
11081 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>selector</b>
11084 <dd>The simple selector to test</dd>
11087 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/String/HTMLElement/Element</span> <b>maxDepth</b>
11090 <dd>(optional) The max depth to<br/> search as a number or element (defaults to 10 || document.body)</dd>
11098 <dl class="detailList">
11099 <dt class="heading">Returns:</dt>
11101 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The matching DOM node (or null if no match was found)</dd>
11115 <td class="msource">
11117 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11123 <tr class="method-row config-row-alt0 expandable">
11124 <td class="micon"><a class="exi" href="#expand"> </a></td>
11128 <a id="Roo.Element-method-update" name=".update"></a>
11129 <div class="fixedFont">
11130 <span class="attributes"></span><b class="itemname">update</b>
11132 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>html</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>loadScripts</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>callback</i></B>)
11138 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11145 <div class="mdesc">
11147 <div class="short">Update the innerHTML of this element, optionally searching for and processing scripts</div>
11153 Update the innerHTML of this element, optionally searching for and processing scripts
11160 <dl class="detailList">
11161 <dt class="heading">Parameters:</dt>
11164 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>html</b>
11167 <dd>The new HTML</dd>
11170 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>loadScripts</b>
11173 <dd>(optional) true to look for and process scripts</dd>
11176 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>callback</b>
11179 <dd>For async script loading you can be noticed when the update completes</dd>
11187 <dl class="detailList">
11188 <dt class="heading">Returns:</dt>
11190 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> this</dd>
11204 <td class="msource">
11206 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11212 <tr class="method-row config-row-alt1 expandable">
11213 <td class="micon"><a class="exi" href="#expand"> </a></td>
11217 <a id="Roo.Element-method-wrap" name=".wrap"></a>
11218 <div class="fixedFont">
11219 <span class="attributes"></span><b class="itemname">wrap</b>
11221 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>returnDom</i></B>)
11227 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element
11234 <div class="mdesc">
11236 <div class="short">Creates and wraps this element with another element</div>
11242 Creates and wraps this element with another element
11249 <dl class="detailList">
11250 <dt class="heading">Parameters:</dt>
11253 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
11256 <dd>(optional) DomHelper element config object for the wrapper element or null for an empty div</dd>
11259 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>returnDom</b>
11262 <dd>(optional) True to return the raw DOM element instead of Roo.Element</dd>
11270 <dl class="detailList">
11271 <dt class="heading">Returns:</dt>
11273 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Element</span> The newly created wrapper element</dd>
11287 <td class="msource">
11289 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
11298 <!-- ============================== events summary / details ======================== -->
11301 <a id="Roo.Layer-events"></a>
11307 <table cellspacing="0" class="member-table">
11308 <caption class="Empty">Events - Has None</caption>
11319 <!-- ============================== footer ================================= -->
11320 <div class="fineprint" style="clear:both">
11322 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Thu Mar 03 2016 16:15:36 GMT+0800 (HKT)
11324 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>