Ext.data.JsonP.Ext_dom_AbstractElement({"mixins":[],"code_type":"nop","inheritable":false,"component":false,"meta":{"private":true},"mixedInto":[],"uses":[],"aliases":{},"parentMixins":[],"superclasses":["Ext.Base"],"members":{"event":[],"property":[{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"$className","id":"property-S-className"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"configMap","id":"property-configMap"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"property","name":"defaultUnit","id":"property-defaultUnit"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"property","name":"dom","id":"property-dom"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"property","name":"id","id":"property-id"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"initConfigList","id":"property-initConfigList"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"initConfigMap","id":"property-initConfigMap"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"property","name":"isInstance","id":"property-isInstance"},{"meta":{"protected":true},"owner":"Ext.Base","tagname":"property","name":"self","id":"property-self"},{"meta":{"private":true},"owner":"Ext.dom.AbstractElement","tagname":"property","name":"styleHooks","id":"property-styleHooks"}],"css_var":[],"method":[{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"addCls","id":"method-addCls"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"appendChild","id":"method-appendChild"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"appendTo","id":"method-appendTo"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"applyStyles","id":"method-applyStyles"},{"meta":{"deprecated":{"text":"as of 4.1. Use {@link #callParent} instead."},"protected":true},"owner":"Ext.Base","tagname":"method","name":"callOverridden","id":"method-callOverridden"},{"meta":{"protected":true},"owner":"Ext.Base","tagname":"method","name":"callParent","id":"method-callParent"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"child","id":"method-child"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"configClass","id":"method-configClass"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"contains","id":"method-contains"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"createChild","id":"method-createChild"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"destroy","id":"method-destroy"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"down","id":"method-down"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"findParent","id":"method-findParent"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"findParentNode","id":"method-findParentNode"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"first","id":"method-first"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getActiveElement","id":"method-getActiveElement"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getAlignToXY","id":"method-getAlignToXY"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getAnchorXY","id":"method-getAnchorXY"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getAttribute","id":"method-getAttribute"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getBorderWidth","id":"method-getBorderWidth"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getBottom","id":"method-getBottom"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getBox","id":"method-getBox"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getById","id":"method-getById"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"getConfig","id":"method-getConfig"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getHTML","id":"method-getHTML"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getHeight","id":"method-getHeight"},{"meta":{},"owner":"Ext.Base","tagname":"method","name":"getInitialConfig","id":"method-getInitialConfig"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getLeft","id":"method-getLeft"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getMargin","id":"method-getMargin"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getOffsetsTo","id":"method-getOffsetsTo"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getPadding","id":"method-getPadding"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getPageBox","id":"method-getPageBox"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getRight","id":"method-getRight"},{"meta":{"private":true},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getRightMarginFixCleaner","id":"method-getRightMarginFixCleaner"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getSize","id":"method-getSize"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getStyle","id":"method-getStyle"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getTop","id":"method-getTop"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getValue","id":"method-getValue"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getViewSize","id":"method-getViewSize"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getWidth","id":"method-getWidth"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getX","id":"method-getX"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getXY","id":"method-getXY"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"getY","id":"method-getY"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"hasCls","id":"method-hasCls"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"hasConfig","id":"method-hasConfig"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"hide","id":"method-hide"},{"meta":{"protected":true},"owner":"Ext.Base","tagname":"method","name":"initConfig","id":"method-initConfig"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"insertAfter","id":"method-insertAfter"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"insertBefore","id":"method-insertBefore"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"insertFirst","id":"method-insertFirst"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"insertHtml","id":"method-insertHtml"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"insertSibling","id":"method-insertSibling"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"is","id":"method-is"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"isStyle","id":"method-isStyle"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"isTransparent","id":"method-isTransparent"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"last","id":"method-last"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"mask","id":"method-mask"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"next","id":"method-next"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"onConfigUpdate","id":"method-onConfigUpdate"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"parent","id":"method-parent"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"populateStyleMap","id":"method-populateStyleMap"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"prev","id":"method-prev"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"query","id":"method-query"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"radioCls","id":"method-radioCls"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"remove","id":"method-remove"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"removeCls","id":"method-removeCls"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"repaint","id":"method-repaint"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"replace","id":"method-replace"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"replaceCls","id":"method-replaceCls"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"replaceWith","id":"method-replaceWith"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"select","id":"method-select"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"serializeForm","id":"method-serializeForm"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"set","id":"method-set"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setBottom","id":"method-setBottom"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setBox","id":"method-setBox"},{"meta":{"private":true},"owner":"Ext.Base","tagname":"method","name":"setConfig","id":"method-setConfig"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setHTML","id":"method-setHTML"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setHeight","id":"method-setHeight"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setLeft","id":"method-setLeft"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setRight","id":"method-setRight"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setSize","id":"method-setSize"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setStyle","id":"method-setStyle"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setTop","id":"method-setTop"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setVisibilityMode","id":"method-setVisibilityMode"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setVisible","id":"method-setVisible"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setWidth","id":"method-setWidth"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setX","id":"method-setX"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setXY","id":"method-setXY"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"setY","id":"method-setY"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"show","id":"method-show"},{"meta":{"protected":true},"owner":"Ext.Base","tagname":"method","name":"statics","id":"method-statics"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"toggleCls","id":"method-toggleCls"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"translatePoints","id":"method-translatePoints"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"unmask","id":"method-unmask"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"up","id":"method-up"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"update","id":"method-update"},{"meta":{},"owner":"Ext.dom.AbstractElement","tagname":"method","name":"wrap","id":"method-wrap"}],"css_mixin":[],"cfg":[]},"tagname":"class","extends":"Ext.Base","private":true,"html":"
Hierarchy
Ext.BaseExt.dom.AbstractElementSubclasses
Files
NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.
\nThe default unit to append to CSS values where a unit isn't provided.
\nDefaults to: "px"
Get the reference to the current class from which this object was instantiated. Unlike statics,\nthis.self
is scope-dependent and it's meant to be used for dynamic inheritance. See statics\nfor a detailed comparison
Ext.define('My.Cat', {\n statics: {\n speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n },\n\n constructor: function() {\n alert(this.self.speciesName); // dependent on 'this'\n },\n\n clone: function() {\n return new this.self();\n }\n});\n\n\nExt.define('My.SnowLeopard', {\n extend: 'My.Cat',\n statics: {\n speciesName: 'Snow Leopard' // My.SnowLeopard.speciesName = 'Snow Leopard'\n }\n});\n\nvar cat = new My.Cat(); // alerts 'Cat'\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone)); // alerts 'My.SnowLeopard'\n
\nThis shared object is keyed by style name (e.g., 'margin-left' or 'marginLeft'). The\nvalues are objects with the following properties:
\n\nname
(String) : The actual name to be presented to the DOM. This is typically the value\n returned by normalize.get
(Function) : A hook function that will perform the get on this style. These\n functions receive \"(dom, el)\" arguments. The dom
parameter is the DOM Element\n from which to get ths tyle. The el
argument (may be null) is the Ext.Element.set
(Function) : A hook function that will perform the set on this style. These\n functions receive \"(dom, value, el)\" arguments. The dom
parameter is the DOM Element\n from which to get ths tyle. The value
parameter is the new value for the style. The\n el
argument (may be null) is the Ext.Element.The this
pointer is the object that contains get
or set
, which means that\nthis.name
can be accessed if needed. The hook functions are both optional.
Defaults to: {}
Visibility mode constant for use with Ext.dom.Element.setVisibilityMode.\nAdd or remove the Ext.Layer.visibilityCls class to hide the element.
\nDefaults to: 4
Visibility mode constant for use with Ext.dom.Element.setVisibilityMode.\nUse the CSS 'display' property to hide the element.
\nDefaults to: 2
Visibility mode constant for use with Ext.dom.Element.setVisibilityMode.\nUse CSS absolute positioning and top/left offsets to hide the element.
\nDefaults to: 3
Visibility mode constant for use with Ext.dom.Element.setVisibilityMode.\nUse the CSS 'visibility' property to hide the element.
\n\nNote that in this mode, isVisible may return true\nfor an element even though it actually has a parent element that is hidden. For this\nreason, and in most cases, using the OFFSETS mode is a better choice.
\nDefaults to: 1
Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.
\nthis
\nAppends the passed element(s) to this element
\nThe id of the node, a DOM Node or an existing Element.
\nThis element
\nAppends this element to the passed element
\nThe new parent element.\nThe id of the node, a DOM Node or an existing Element.
\nThis element
\nMore flexible version of setStyle for setting style properties.
\nA style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.
\nthis
\nCall the original method that was previously overridden with override
\n\nExt.define('My.Cat', {\n constructor: function() {\n alert(\"I'm a cat!\");\n }\n});\n\nMy.Cat.override({\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n this.callOverridden();\n\n alert(\"Meeeeoooowwww\");\n }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n // alerts \"I'm a cat!\"\n // alerts \"Meeeeoooowwww\"\n
\n This method has been deprecated
\nas of 4.1. Use callParent instead.
\n\nThe arguments, either an array or the arguments
object\nfrom the current method, for example: this.callOverridden(arguments)
Returns the result of calling the overridden method
\nCall the \"parent\" method of the current method. That is the method previously\noverridden by derivation or by an override (see Ext.define).
\n\n Ext.define('My.Base', {\n constructor: function (x) {\n this.x = x;\n },\n\n statics: {\n method: function (x) {\n return x;\n }\n }\n });\n\n Ext.define('My.Derived', {\n extend: 'My.Base',\n\n constructor: function () {\n this.callParent([21]);\n }\n });\n\n var obj = new My.Derived();\n\n alert(obj.x); // alerts 21\n
\n\nThis can be used with an override as follows:
\n\n Ext.define('My.DerivedOverride', {\n override: 'My.Derived',\n\n constructor: function (x) {\n this.callParent([x*2]); // calls original My.Derived constructor\n }\n });\n\n var obj = new My.Derived();\n\n alert(obj.x); // now alerts 42\n
\n\nThis also works with static methods.
\n\n Ext.define('My.Derived2', {\n extend: 'My.Base',\n\n statics: {\n method: function (x) {\n return this.callParent([x*2]); // calls My.Base.method\n }\n }\n });\n\n alert(My.Base.method(10); // alerts 10\n alert(My.Derived2.method(10); // alerts 20\n
\n\nLastly, it also works with overridden static methods.
\n\n Ext.define('My.Derived2Override', {\n override: 'My.Derived2',\n\n statics: {\n method: function (x) {\n return this.callParent([x*2]); // calls My.Derived2.method\n }\n }\n });\n\n alert(My.Derived2.method(10); // now alerts 40\n
\nThe arguments, either an array or the arguments
object\nfrom the current method, for example: this.callParent(arguments)
Returns the result of calling the parent method
\nSelects a single direct child based on the passed CSS selector (the selector should not contain an id).
\nThe CSS selector
\nTrue to return the DOM node instead of Ext.dom.Element.
\nDefaults to: false
The child Ext.dom.Element (or DOM node if returnDom = true)
\nCreates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.
\nDomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be\nautomatically generated with the specified attributes.
\na child element of this element
\ntrue to return the dom node instead of creating an Element
\nDefaults to: false
The new child element
\nAlias to remove.
\n\nRemoves this element's dom reference. Note that event and cache removal is handled at Ext.removeNode
\nOverrides: Ext.Base.destroy
Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).
\nThe CSS selector
\nTrue to return the DOM node instead of Ext.dom.Element
\nDefaults to: false
The child Ext.dom.Element (or DOM node if returnDom = true)
\nLooks 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)
\nThe simple selector to test
\nThe max depth to search as a number or an element which causes the upward traversal to stop\nand is not considered for inclusion as the result. (defaults to 50 || document.documentElement)
\nTrue to return a Ext.Element object instead of DOM node
\nDefaults to: false
The matching DOM node (or null if no match was found)
\nLooks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)
\nThe simple selector to test
\nThe max depth to search as a number or an element which causes the upward traversal to stop\nand is not considered for inclusion as the result. (defaults to 50 || document.documentElement)
\nTrue to return a Ext.Element object instead of DOM node
\nDefaults to: false
The matching DOM node (or null if no match was found)
\nGets the first child, skipping text nodes
\nFind the next sibling that matches the passed simple selector
\nTrue to return a raw dom node instead of an Ext.dom.Element
\nDefaults to: false
The first child or null
\nReturns the active element in the DOM. If the browser supports activeElement\non the document, this is returned. If not, the focus is tracked and the active\nelement is maintained internally.
\nThe active (focused) element in the document.
\nGets the x,y coordinates to align this element with another element. See Ext.dom.Element.alignTo for more info on the\nsupported position values.
\nThe element to align to.
\nThe position to align to.
\nDefaults to: "tl-bl?"
Offset the positioning by [x, y]
\nDefaults to: [0, 0]
[x, y]
\nGets the x,y coordinates specified by the anchor position on the element.
\nThe specified anchor position (defaults to \"c\"). See Ext.dom.Element.alignTo\nfor details on supported anchor positions.
\nTrue to get the local (element top/left-relative) anchor position instead\nof page coordinates
\nAn object containing the size to use for calculating anchor position\n{width: (target width), height: (target height)} (defaults to the element's current size)
\n[x, y] An array containing the element's x and y coordinates
\nReturn an object defining the area of this Element which can be passed to setBox to\nset another Element's size/location to match this element.
\nIf true a box for the content of the element is returned.
\nIf true the element's left and top are returned instead of page x/y.
\nbox An object in the format:
\n\n{\n x: <Element's X position>,\n y: <Element's Y position>,\n width: <Element's width>,\n height: <Element's height>,\n bottom: <Element's lower bound>,\n right: <Element's rightmost bound>\n}\n
\n\nThe returned object may also be addressed as an Array where index 0 contains the X position\nand index 1 contains the Y position. So the result may also be used for setXY
\nReturns the innerHTML of an Element or an empty string if the element's\ndom no longer exists.
\nReturns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,\nthen it returns the calculated width of the sides (see getPadding)
\nAny combination of l, r, t, b to get the sum of those sides
\nReturns the offsets of this element from the passed element. Both element must be part of the DOM\ntree and not have display:none to have page coordinates.
\nThe element to get the offsets from.
\nThe XY page offsets (e.g. [100, -200])
\nReturn an object defining the area of this Element which can be passed to setBox to\nset another Element's size/location to match this element.
\nIf true an Ext.util.Region will be returned
\nbox An object in the format
\n\n{\n left: <Element's X position>,\n top: <Element's Y position>,\n width: <Element's width>,\n height: <Element's height>,\n bottom: <Element's lower bound>,\n right: <Element's rightmost bound>\n}\n
\n\nThe returned object may also be addressed as an Array where index 0 contains the X position\nand index 1 contains the Y position. So the result may also be used for setXY
\nCreates a function to call to clean up problems with the work-around for the\nWebKit RightMargin bug. The work-around is to add \"display: 'inline-block'\" to\nthe element before calling getComputedStyle and then to restore its original\ndisplay value. The problem with this is that it corrupts the selection of an\nINPUT or TEXTAREA element (as in the \"I-beam\" goes away but ths focus remains).\nTo cleanup after this, we need to capture the selection of any such element and\nthen restore it after we have restored the display style.
\nThe top-most element being adjusted.
\nReturns a named style property based on computed/currentStyle (primary) and\ninline-style if primary is not available.
\nThe style property (or multiple property names\nin an array) whose value is returned.
\nif true
only inline styles will be returned.
Defaults to: false
Returns the dimensions of the element available to lay content out in.
\n\nIf the element (or any ancestor element) has CSS style display: none
, the dimensions will be zero.
Example:
\n\nvar vpSize = Ext.getBody().getViewSize();\n\n// all Windows created afterwards will have a default value of 90% height and 95% width\nExt.Window.override({\n width: vpSize.width * 0.9,\n height: vpSize.height * 0.95\n});\n// To handle window resizing you would have to hook onto onWindowResize.\n
\n\ngetViewSize utilizes clientHeight/clientWidth which excludes sizing of scrollbars.\nTo obtain the size including scrollbars, use getStyleSize
\n\nSizing of the document body is handled at the adapter level which handles special cases for IE and strict modes, etc.
\nGets the current position of the element based on page coordinates. Element must be part of the DOM\ntree to have page coordinates (display:none or elements not appended return false).
\nThe XY position of the element
\nHide this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See setVisible.
\ntrue for the default animation or a standard Element animation config object
\nthis
\nInitialize configuration for this class. a typical example:
\n\nExt.define('My.awesome.Class', {\n // The default config\n config: {\n name: 'Awesome',\n isAwesome: true\n },\n\n constructor: function(config) {\n this.initConfig(config);\n }\n});\n\nvar awesome = new My.awesome.Class({\n name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\nthis
\nInserts this element after the passed element in the DOM
\nThe element to insert after.\nThe id of the node, a DOM Node or an existing Element.
\nThis element
\nInserts this element before the passed element in the DOM
\nThe element before which this element will be inserted.\nThe id of the node, a DOM Node or an existing Element.
\nThis element
\nInserts (or creates) an element (or DomHelper config) as the first child of this element
\nThe id or element to insert or a DomHelper config\nto create and insert
\nThe new child
\nInserts an html fragment into this element
\nWhere to insert the html in relation to this element - beforeBegin, afterBegin, beforeEnd, afterEnd.\nSee Ext.dom.Helper.insertHtml for details.
\nThe HTML fragment
\nTrue to return an Ext.dom.AbstractElement
\nDefaults to: false
The inserted node (or nearest related if more than 1 inserted)
\nInserts (or creates) the passed element (or DomHelper config) as a sibling of this element
\nThe id, element to insert or a DomHelper config\nto create and insert or an array of any of those.
\n'before' or 'after'
\nDefaults to: "before"
True to return the .;ll;l,raw DOM element instead of Ext.dom.AbstractElement
\nDefaults to: false
The inserted Element. If an array is passed, the last inserted element is returned.
\nReturns true if the value of the given property is visually transparent. This\nmay be due to a 'transparent' style value or an rgba value with 0 in the alpha\ncomponent.
\nThe style property whose value is to be tested.
\nTrue if the style property is visually transparent.
\nGets the last child, skipping text nodes
\nFind the previous sibling that matches the passed simple selector
\nTrue to return a raw dom node instead of an Ext.dom.Element
\nDefaults to: false
The last child or null
\nGets the next sibling, skipping text nodes
\nFind the next sibling that matches the passed simple selector
\nTrue to return a raw dom node instead of an Ext.dom.Element
\nDefaults to: false
The next sibling or null
\nGets the parent node for this element, optionally chaining up trying to match a selector
\nFind a parent node that matches the passed simple selector
\nTrue to return a raw dom node instead of an Ext.dom.Element
\nDefaults to: false
The parent node or null
\nGets the previous sibling, skipping text nodes
\nFind the previous sibling that matches the passed simple selector
\nTrue to return a raw dom node instead of an Ext.dom.Element
\nDefaults to: false
The previous sibling or null
\nSelects child nodes based on the passed CSS selector (the selector should not contain an id).
\nThe CSS selector
\nAn array of the matched nodes
\nAdds one or more CSS classes to this element and removes the same class(es) from all siblings.
\nthis
\nRemoves this element's dom reference. Note that event and cache removal is handled at Ext.removeNode
\nReplaces the passed element with this element
\nThe element to replace.\nThe id of the node, a DOM Node or an existing Element.
\nThis element
\nReplaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added.
\nthis
\nReplaces this element with the passed element
\nThe new element (id of the node, a DOM Node\nor an existing Element) or a DomHelper config of an element to create
\nThis element
\nCreates a Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an id).
\nThe CSS selector
\nTrue to create a unique Ext.Element for each element. Defaults to a shared flyweight object.
\nThe composite element
\nSets the passed attributes as attributes of this element (a style attribute can be a string, object or function)
\nThe object with the attributes
\nfalse to override the default setAttribute to use expandos.
\nDefaults to: true
this
\nSets the element's CSS bottom style.
\nThe bottom CSS property value
\nthis
\nSets the element's box. Use getBox() on another element to get a box obj.\nIf animate is true then width, height, x and y will be animated concurrently.
\nThe box to fill {x, y, width, height}
\nWhether to adjust for box-model issues automatically
\ntrue for the default animation or a standard\nElement animation config object
\nthis
\nSet the height of this Element.
\n\n// change the height to 200px and animate with default configuration\nExt.fly('elementId').setHeight(200, true);\n\n// change the height to 150px and animate with a custom configuration\nExt.fly('elId').setHeight(150, {\n duration : 500, // animation will have a duration of .5 seconds\n // will change the content to \"finished\"\n callback: function(){ this.update(\"finished\"); }\n});\n
\nThe new height. This may be one of:
\n\ntrue for the default animation or a standard Element animation config object
\nthis
\nSets the element's left position directly using CSS style (instead of setX).
\nThe left CSS property value
\nthis
\nSets the element's CSS right style.
\nThe right CSS property value
\nthis
\nSet the size of this Element. If animation is true, both width and height will be animated concurrently.
\nThe new width. This may be one of:
\n\n{width: widthValue, height: heightValue}
.The new height. This may be one of:
\n\ntrue for the default animation or a standard Element animation config object
\nthis
\nWrapper for setting style properties, also takes single object parameter of multiple styles.
\nThe style property to be set, or an object of multiple styles.
\nThe value to apply to the given property, or null if an object was passed.
\nthis
\nSets the element's top position directly using CSS style (instead of setY).
\nThe top CSS property value
\nthis
\nUse this to change the visibility mode between VISIBILITY, DISPLAY, OFFSETS or ASCLASS.
\nSets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use\nthe display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.
\nWhether the element is visible
\nTrue for the default animation, or a standard Element animation config object
\nthis
\nSet the width of this Element.
\nThe new width. This may be one of:
\n\ntrue for the default animation or a standard Element animation config object
\nthis
\nSets the X position of the element based on page coordinates. Element must be part of the DOM tree\nto have page coordinates (display:none or elements not appended return false).
\nX position of the element
\nTrue for the default animation, or a standard Element\nanimation config object
\nthis
\nSets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).
\nContains X & Y [x, y] values for new position (coordinates are page-based)
\nTrue for the default animation, or a standard Element animation config object
\nthis
\nSets the Y position of the element based on page coordinates. Element must be part of the DOM tree\nto have page coordinates (display:none or elements not appended return false).
\nY position of the element
\nTrue for the default animation, or a standard Element\nanimation config object
\nthis
\nShow this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See setVisible.
\ntrue for the default animation or a standard Element animation config object
\nthis
\nGet the reference to the class from which this object was instantiated. Note that unlike self,\nthis.statics()
is scope-independent and it always returns the class from which it was called, regardless of what\nthis
points to during run-time
Ext.define('My.Cat', {\n statics: {\n totalCreated: 0,\n speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n },\n\n constructor: function() {\n var statics = this.statics();\n\n alert(statics.speciesName); // always equals to 'Cat' no matter what 'this' refers to\n // equivalent to: My.Cat.speciesName\n\n alert(this.self.speciesName); // dependent on 'this'\n\n statics.totalCreated++;\n },\n\n clone: function() {\n var cloned = new this.self; // dependent on 'this'\n\n cloned.groupName = this.statics().speciesName; // equivalent to: My.Cat.speciesName\n\n return cloned;\n }\n});\n\n\nExt.define('My.SnowLeopard', {\n extend: 'My.Cat',\n\n statics: {\n speciesName: 'Snow Leopard' // My.SnowLeopard.speciesName = 'Snow Leopard'\n },\n\n constructor: function() {\n this.callParent();\n }\n});\n\nvar cat = new My.Cat(); // alerts 'Cat', then alerts 'Cat'\n\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone)); // alerts 'My.SnowLeopard'\nalert(clone.groupName); // alerts 'Cat'\n\nalert(My.Cat.totalCreated); // alerts 3\n
\nToggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).
\nThe CSS class to toggle
\nthis
\nTranslates the passed page coordinates into left/top css values for this element
\nThe page x or an array containing [x, y]
\nThe page y, required if x is not an array
\nAn object with left and top properties. e.g. {left: (value), top: (value)}
\nWalks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).\nThis is a shortcut for findParentNode() that always returns an Ext.dom.Element.
\nThe simple selector to test
\nThe max depth to search as a number or an element which causes the upward traversal to stop\nand is not considered for inclusion as the result. (defaults to 50 || document.documentElement)
\nThe matching DOM node (or null if no match was found)
\nUpdate the innerHTML of this element
\nThe new HTML
\nthis
\nCreates and wraps this element with another element
\nDomHelper element config object for the wrapper element or null for an empty div
\nTrue to return the raw DOM element instead of Ext.dom.AbstractElement
\nDefaults to: false
A DomQuery selector to select a descendant node within the created element to use as the wrapping element.
\nThe newly created wrapper element
\nAdd methods / properties to the prototype of this class.
\n\nExt.define('My.awesome.Cat', {\n constructor: function() {\n ...\n }\n});\n\n My.awesome.Cat.addMembers({\n meow: function() {\n alert('Meowww...');\n }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\n
\nAdd / override static properties of this class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.addStatics({\n someProperty: 'someValue', // My.cool.Class.someProperty = 'someValue'\n method1: function() { ... }, // My.cool.Class.method1 = function() { ... };\n method2: function() { ... } // My.cool.Class.method2 = function() { ... };\n});\n
\nthis
\nBorrow another class' members to the prototype of this class.
\n\nExt.define('Bank', {\n money: '$$$',\n printMoney: function() {\n alert('$$$$$$$');\n }\n});\n\nExt.define('Thief', {\n ...\n});\n\nThief.borrow(Bank, ['money', 'printMoney']);\n\nvar steve = new Thief();\n\nalert(steve.money); // alerts '$$$'\nsteve.printMoney(); // alerts '$$$$$$$'\n
\nThe class to borrow members from
\nThe names of the members to borrow
\nthis
\nCreate a new instance of this Class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.create({\n someConfig: true\n});\n
\n\nAll parameters are passed to the constructor of the class.
\nthe created instance.
\nCreate aliases for existing prototype methods. Example:
\n\nExt.define('My.cool.Class', {\n method1: function() { ... },\n method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n method3: 'method1',\n method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\n
\nThe new method name, or an object to set multiple aliases. See\nflexSetter
\nThe original method name
\nGets the singleton flyweight element, with the passed node as the active element.
\n\nBecause it is a singleton, this Flyweight does not have an ID, and must be used and discarded in a single line.\nYou may not keep and use the reference to this singleton over multiple lines because methods that you call\nmay themselves make use of Ext.fly and may change the DOM element to which the instance refers.
\n\n\n\nUse this to make one-time references to DOM elements which are not going to be accessed again either by\napplication code, or by Ext's classes. If accessing an element which will be processed regularly, then Ext.get will be more appropriate to take advantage of the caching provided by the Ext.dom.Element\nclass.
\nThe dom node or id
\nAllows for creation of named reusable flyweights to prevent conflicts (e.g.\ninternally Ext uses \"_global\")
\nThe singleton flyweight object (or null if no matching element was found)
\nRetrieves Ext.dom.Element objects. Ext.get is alias for Ext.dom.Element.get.
\n\nThis method does not retrieve Components. This method retrieves Ext.dom.Element\nobjects which encapsulate DOM elements. To retrieve a Component by its ID, use Ext.ComponentManager.get.
\n\nUses simple caching to consistently return the same object. Automatically fixes if an object was recreated with\nthe same id via AJAX or DOM.
\nThe id of the node, a DOM Node or an existing Element.
\nThe Element object (or null if no matching element was found)
\nGet the current class' name in string format.
\n\nExt.define('My.cool.Class', {\n constructor: function() {\n alert(this.self.getName()); // alerts 'My.cool.Class'\n }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\n
\nclassName
\nRetrieves the current orientation of the window. This is calculated by\ndeterming if the height is greater than the width.
\nOrientation of window: 'portrait' or 'landscape'
\nRetrieves the viewport size of the window.
\nobject containing width and height properties
\nAdds members to class.
\nThis method has been deprecated since 4.1
\nUse addMembers instead.
\n\nReturns an array of unique class names based upon the input strings, or string arrays.
\n\n\nThe number of parameters is unlimited.
\n\n\nExample
\n\n\n// Add x-invalid and x-mandatory classes, do not duplicate\nmyElement.dom.className = Ext.core.Element.mergeClsList(this.initialClasses, 'x-invalid x-mandatory');\n\n\n\n\n
A string of class names, or an array of class names.
\nA string of class names, or an array of class names.
\nAn array of strings representing remaining unique, merged class names. If class names were added to the first list, the changed
property will be true
.
Override members of this class. Overridden methods can be invoked via\ncallParent.
\n\nExt.define('My.Cat', {\n constructor: function() {\n alert(\"I'm a cat!\");\n }\n});\n\nMy.Cat.override({\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n this.callParent(arguments);\n\n alert(\"Meeeeoooowwww\");\n }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n // alerts \"I'm a cat!\"\n // alerts \"Meeeeoooowwww\"\n
\n\nAs of 4.1, direct use of this method is deprecated. Use Ext.define\ninstead:
\n\nExt.define('My.CatOverride', {\n override: 'My.Cat',\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n this.callParent(arguments);\n\n alert(\"Meeeeoooowwww\");\n }\n});\n
\n\nThe above accomplishes the same result but can be managed by the Ext.Loader\nwhich can properly order the override and its target class and the build process\ncan determine whether the override is needed based on the required state of the\ntarget class (My.Cat).
\nThis method has been deprecated since 4.1.0
\nUse Ext.define instead
\n\nThe properties to add to this class. This should be\nspecified as an object literal containing one or more properties.
\nthis class
\nParses a number or string representing margin sizes into an object. Supports CSS-style margin declarations\n(e.g. 10, \"10\", \"10 10\", \"10 10 10\" and \"10 10 10 10\" are all valid options and would return the same result)
\nAn object with margin sizes for top, right, bottom and left
\nConverts a CSS string into an object with a property for each style.
\n\nThe sample code below would return an object with 2 properties, one\nfor background-color and one for color.
\n\nvar css = 'background-color: red;color: blue; ';\nconsole.log(Ext.dom.Element.parseStyles(css));\n
\nA CSS string
\nstyles
\nReturns an array of unique class names deom the first parameter with all class names\nfrom the second parameter removed.
\n\n\nExample
\n\n\n// Remove x-invalid and x-mandatory classes if present.\nmyElement.dom.className = Ext.core.Element.removeCls(this.initialClasses, 'x-invalid x-mandatory');\n\n\n\n\n
A string of class names, or an array of class names.
\nA string of class names, or an array of class names to remove from existingClsList
.
An array of strings representing remaining class names. If class names were removed, the changed
property will be true
.
Parses a number or string representing margin sizes into an object. Supports CSS-style margin declarations\n(e.g. 10, \"10\", \"10 10\", \"10 10 10\" and \"10 10 10 10\" are all valid options and would return the same result)
\nAn string with unitized (px if units is not specified) metrics for top, right, bottom and left
\n