/* This file is part of Ext JS 3.4 Copyright (c) 2011-2013 Sencha Inc Contact: http://www.sencha.com/contact GNU General Public License Usage This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file. Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html. If you are unsure which license is appropriate for your use, please contact the sales department at http://www.sencha.com/contact. Build date: 2013-04-03 15:07:25 */ Ext.data.JsonP.Ext_Layer({"alternateClassNames":[],"aliases":{},"enum":null,"parentMixins":[],"tagname":"class","subclasses":[],"extends":"Ext.Element","uses":[],"html":"
Hierarchy
Ext.Element
Ext.Layer
Files
Layer.js

An extended Ext.Element object that supports a shadow and shim, constrain to viewport and\nautomatic maintaining of shadow/shim positions.

\n
Defined By

Config options

Ext.Layer
view source
cls : String

CSS class to add to the element

\n

CSS class to add to the element

\n
Ext.Layer
view source
constrain : Boolean

False to disable constrain to viewport (defaults to true)

\n

False to disable constrain to viewport (defaults to true)

\n
Ext.Layer
view source
dh : Object

DomHelper object config to create element with (defaults to {tag: 'div', cls: 'x-layer'}).

\n

DomHelper object config to create element with (defaults to {tag: 'div', cls: 'x-layer'}).

\n
Ext.Layer
view source
: String/Boolean
True to automatically create an Ext.Shadow, or a string indicating the\nshadow's display Ext.Shadow.mode. ...

True to automatically create an Ext.Shadow, or a string indicating the\nshadow's display Ext.Shadow.mode. False to disable the shadow. (defaults to false)

\n
Ext.Layer
view source
shadowOffset : Number

Number of pixels to offset the shadow (defaults to 4)

\n

Number of pixels to offset the shadow (defaults to 4)

\n
Ext.Layer
view source
shim : Boolean

False to disable the iframe shim in browsers which need one (defaults to true)

\n

False to disable the iframe shim in browsers which need one (defaults to true)

\n
Ext.Layer
view source
: Boolean
Defaults to use css offsets to hide the Layer. ...

Defaults to use css offsets to hide the Layer. Specify true\nto use css style 'display:none;' to hide the Layer.

\n
Ext.Layer
view source
zindex : Number

Starting z-index (defaults to 11000)

\n

Starting z-index (defaults to 11000)

\n
Defined By

Properties

Ext.Element
view source
: Boolean
true to automatically adjust width and height settings for box-model issues (default to true) ...

true to automatically adjust width and height settings for box-model issues (default to true)

\n

Defaults to: true

Ext.Element
view source
: String
The default unit to append to CSS values where a unit isn't provided (defaults to px). ...

The default unit to append to CSS values where a unit isn't provided (defaults to px).

\n

Defaults to: "px"

Ext.Element
view source
dom : HTMLElement

The DOM element

\n

The DOM element

\n
Ext.Element
view source
id : String

The DOM element ID

\n

The DOM element ID

\n
Ext.Element
view source
: String
The element's default display mode (defaults to \"\") ...

The element's default display mode (defaults to \"\")

\n

Defaults to: ""

Defined By

Methods

Ext.Layer
view source
new( config, [existingEl] ) : Ext.Layer
...
\n

Parameters

  • config : Object

    An object with config options.

    \n
  • existingEl : String/HTMLElement (optional)

    Uses an existing DOM element. If the element is not found it creates it.

    \n

Returns

Overrides: Ext.Element.constructor

Ext.Element
view source
( className ) : Ext.Elementchainable
Adds one or more CSS classes to the element. ...

Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.

\n

Parameters

  • className : String/Array

    The CSS class to add, or an array of classes

    \n

Returns

Ext.Element
view source
( className ) : Ext.Elementchainable
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) ...

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)

\n

Parameters

Returns

Ext.Element
view source
( className ) : Ext.Elementchainable
Sets up event handlers to add and remove a css class when this element has the focus ...

Sets up event handlers to add and remove a css class when this element has the focus

\n

Parameters

Returns

Ext.Element
view source
( className ) : Ext.Elementchainable
Sets up event handlers to add and remove a css class when the mouse is over this element ...

Sets up event handlers to add and remove a css class when the mouse is over this element

\n

Parameters

Returns

Ext.Element
view source
( key, fn, [scope] ) : Ext.KeyMap
Convenience method for constructing a KeyMap ...

Convenience method for constructing a KeyMap

\n

Parameters

  • key : Number/Array/Object/String

    Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:\n{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}

    \n
  • fn : Function

    The function to call

    \n
  • scope : Object (optional)

    The scope (this reference) in which the specified function is executed. Defaults to this Element.

    \n

Returns

Ext.Element
view source
( config ) : Ext.KeyMap
Creates a KeyMap for this element ...

Creates a KeyMap for this element

\n

Parameters

  • config : Object

    The KeyMap config. See Ext.KeyMap for more details

    \n

Returns

Ext.Element
view source
( eventName, fn, [scope], [options] ) : Ext.Elementchainable
Appends an event handler to this element. ...

Appends an event handler to this element. The shorthand version on is equivalent.

\n

Parameters

  • eventName : String

    The name of event to handle.

    \n
  • fn : Function

    The handler function the event invokes. This function is passed\nthe following parameters:

      \n
    • evt : EventObject
      The EventObject describing the event.
      • \n
    • el : HtmlElement
      The DOM element which was the target of the event.\nNote that this may be filtered by using the delegate option.
      • \n
    • o : Object
      The options object from the addListener call.
      • \n

    \n
  • scope : Object (optional)

    The scope (this reference) in which the handler function is executed.\nIf omitted, defaults to this Element..

    \n
  • options : Object (optional)

    An object containing handler configuration properties.\nThis may contain any of the following properties:

      \n
    • scope Object :
      The scope (this reference) in which the handler function is executed.\nIf omitted, defaults to this Element.
      • \n
    • delegate String:
      A simple selector to filter the target or look for a descendant of the target. See below for additional details.
      • \n
    • stopEvent Boolean:
      True to stop the event. That is stop propagation, and prevent the default action.
      • \n
    • preventDefault Boolean:
      True to prevent the default action
      • \n
    • stopPropagation Boolean:
      True to prevent event propagation
      • \n
    • normalized Boolean:
      False to pass a browser event to the handler function instead of an Ext.EventObject
      • \n
    • target Ext.Element:
      Only call the handler if the event was fired on the target Element, not if the event was bubbled up from a child node.
      • \n
    • delay Number:
      The number of milliseconds to delay the invocation of the handler after the event fires.
      • \n
    • single Boolean:
      True to add a handler to handle just the next firing of the event, and then remove itself.
      • \n
    • buffer Number:
      Causes the handler to be scheduled to run in an Ext.util.DelayedTask delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is not invoked, but the new handler is scheduled in its place.
      • \n

    \n\n

    \nCombining Options
    \nIn the following examples, the shorthand form on is used rather than the more verbose\naddListener. The two are equivalent. Using the options argument, it is possible to combine different\ntypes of listeners:
    \n
    \nA delayed, one-time listener that auto stops the event and adds a custom argument (forumId) to the\noptions object. The options object is available as the third parameter in the handler function.

    \nCode:\n
    el.on('click', this.onClick, this, {\n    single: true,\n    delay: 100,\n    stopEvent : true,\n    forumId: 4\n});

    \n\n\n

    \nAttaching multiple handlers in 1 call
    \nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.

    \n\n\n

    \nCode:\n

    el.on({\n    'click' : {\n        fn: this.onClick,\n        scope: this,\n        delay: 100\n    },\n    'mouseover' : {\n        fn: this.onMouseOver,\n        scope: this\n    },\n    'mouseout' : {\n        fn: this.onMouseOut,\n        scope: this\n    }\n});
    \n

    \nOr a shorthand syntax:
    \nCode:\n

    \nel.on({\n    'click' : this.onClick,\n    'mouseover' : this.onMouseOver,\n    'mouseout' : this.onMouseOut,\n    scope: this\n});\n

    \n\n\n

    delegate

    \n\n\n

    This is a configuration option that you can pass along when registering a handler for\nan event to assist with event delegation. Event delegation is a technique that is used to\nreduce memory consumption and prevent exposure to memory-leaks. By registering an event\nfor a container element as opposed to each element within a container. By setting this\nconfiguration option to a simple selector, the target element will be filtered to look for\na descendant of the target.\nFor example:\n

    // using this markup:\n<div id='elId'>\n    <p id='p1'>paragraph one</p>\n    <p id='p2' class='clickable'>paragraph two</p>\n    <p id='p3'>paragraph three</p>\n</div>\n// utilize event delegation to registering just one handler on the container element:\nel = Ext.get('elId');\nel.on(\n    'click',\n    function(e,t) {\n        // handle click\n        console.info(t.id); // 'p2'\n    },\n    this,\n    {\n        // filter the target element to be a descendant with the class 'clickable'\n        delegate: '.clickable'\n    }\n);\n

    \n\n

Returns

Ext.Element
view source
( size )private
Test if size has a unit, otherwise appends the default ...

Test if size has a unit, otherwise appends the default

\n

Parameters

  • size : Object
    \n
Ext.Element
view source
( element, position, [offsets], [animate] ) : Ext.Elementchainable
Aligns this element with another element relative to the specified anchor points. ...

Aligns this element with another element relative to the specified anchor points. If the other element is the\ndocument it aligns it to the viewport.\nThe position parameter is optional, and can be specified in any one of the following formats:

\n\n
    \n
  • Blank: Defaults to aligning the element's top-left corner to the target's bottom-left corner (\"tl-bl\").
    • \n
  • One anchor (deprecated): The passed anchor position is used as the target element's anchor point.\n The element being aligned will position its top-left corner (tl) to that point. This method has been\n deprecated in favor of the newer two anchor syntax below.
    • \n
  • Two anchors: If two values from the table below are passed separated by a dash, the first value is used as the\n element's anchor point, and the second value is used as the target's anchor point.
    • \n
\n\n\n

In addition to the anchor points, the position parameter also supports the \"?\" character. If \"?\" is passed at the end of\nthe position string, the element will attempt to align as specified, but the position will be adjusted to constrain to\nthe viewport if necessary. Note that the element being aligned might be swapped to align to a different position than\nthat specified in order to enforce the viewport constraints.\nFollowing are all of the supported anchor positions:

\n\n
Value  Description\n-----  -----------------------------\ntl     The top left corner (default)\nt      The center of the top edge\ntr     The top right corner\nl      The center of the left edge\nc      In the center of the element\nr      The center of the right edge\nbl     The bottom left corner\nb      The center of the bottom edge\nbr     The bottom right corner\n
\n\n\n

Example Usage:

\n\n
// align el to other-el using the default positioning (\"tl-bl\", non-constrained)\nel.alignTo(\"other-el\");\n\n// align the top left corner of el with the top right corner of other-el (constrained to viewport)\nel.alignTo(\"other-el\", \"tr?\");\n\n// align the bottom right corner of el with the center left edge of other-el\nel.alignTo(\"other-el\", \"br-l?\");\n\n// align the center of el with the bottom left corner of other-el and\n// adjust the x position by -6 pixels (and the y position by 0)\nel.alignTo(\"other-el\", \"c-bl\", [-6, 0]);\n
\n\n

Parameters

  • element : Mixed

    The element to align to.

    \n
  • position : String

    (optional, defaults to \"tl-bl?\") The position to align to.

    \n
  • offsets : Array (optional)

    Offset the positioning by [x, y]

    \n
  • animate : Boolean/Object (optional)

    true for the default animation or a standard Element animation config object

    \n

Returns

Ext.Element
view source
( element, position, [offsets], [animate], [monitorScroll], [callback] ) : Ext.Elementchainable
Anchors an element to another element and realigns it when the window is resized. ...

Anchors an element to another element and realigns it when the window is resized.

\n

Parameters

  • element : Mixed

    The element to align to.

    \n
  • position : String

    The position to align to.

    \n
  • offsets : Array (optional)

    Offset the positioning by [x, y]

    \n
  • animate : Boolean/Object (optional)

    True for the default animation or a standard Element animation config object

    \n
  • monitorScroll : Boolean/Number (optional)

    True to monitor body scroll and reposition. If this parameter\nis a number, it is used as the buffer delay (defaults to 50ms).

    \n
  • callback : Function (optional)

    The function to call after the animation finishes

    \n

Returns

Ext.Element
view source
( args, [duration], [onComplete], [easing], [animType] ) : Ext.Elementchainable
Perform custom animation on this element. ...

Perform custom animation on this element.

\n\n
    \n
  • Animation Properties
    • \n\n

    The Animation Control Object enables gradual transitions for any member of an\nelement's style object that takes a numeric value including but not limited to\nthese properties:

      \n
    • bottom, top, left, right
      • \n
    • height, width
      • \n
    • margin, padding
      • \n
    • borderWidth
      • \n
    • opacity
      • \n
    • fontSize
      • \n
    • lineHeight
      • \n
    \n\n\n
  • Animation Property Attributes
    • \n\n

    Each Animation Property is a config object with optional properties:

    \n
      \n
    • by* : relative change - start at current value, change by this value
      • \n
    • from : ignore current value, start from this value
      • \n
    • to* : start at current value, go to this value
      • \n
    • unit : any allowable unit specification
      • \n

      * do not specify both to and by for an animation property

      \n
    \n\n
  • Animation Types
    • \n\n

    The supported animation types:

      \n
    • 'run' : Default\n
      var el = Ext.get('complexEl');\nel.animate(\n    // animation control object\n    {\n        borderWidth: {to: 3, from: 0},\n        opacity: {to: .3, from: 1},\n        height: {to: 50, from: el.getHeight()},\n        width: {to: 300, from: el.getWidth()},\n        top  : {by: - 100, unit: 'px'},\n    },\n    0.35,      // animation duration\n    null,      // callback\n    'easeOut', // easing method\n    'run'      // animation type ('run','color','motion','scroll')\n);\n
      \n
      • \n
    • 'color'\n

      Animates transition of background, text, or border colors.

      \n
      el.animate(\n    // animation control object\n    {\n        color: { to: '#06e' },\n        backgroundColor: { to: '#e06' }\n    },\n    0.35,      // animation duration\n    null,      // callback\n    'easeOut', // easing method\n    'color'    // animation type ('run','color','motion','scroll')\n);\n
      \n
      • \n\n
    • 'motion'\n

      Animates the motion of an element to/from specific points using optional bezier\nway points during transit.

      \n
      el.animate(\n    // animation control object\n    {\n        borderWidth: {to: 3, from: 0},\n        opacity: {to: .3, from: 1},\n        height: {to: 50, from: el.getHeight()},\n        width: {to: 300, from: el.getWidth()},\n        top  : {by: - 100, unit: 'px'},\n        points: {\n            to: [50, 100],  // go to this point\n            control: [      // optional bezier way points\n                [ 600, 800],\n                [-100, 200]\n            ]\n        }\n    },\n    3000,      // animation duration (milliseconds!)\n    null,      // callback\n    'easeOut', // easing method\n    'motion'   // animation type ('run','color','motion','scroll')\n);\n
      \n
      • \n
    • 'scroll'\n

      Animate horizontal or vertical scrolling of an overflowing page element.

      \n
      el.animate(\n    // animation control object\n    {\n        scroll: {to: [400, 300]}\n    },\n    0.35,      // animation duration\n    null,      // callback\n    'easeOut', // easing method\n    'scroll'   // animation type ('run','color','motion','scroll')\n);\n
      \n
      • \n
    \n\n
\n\n

Parameters

  • args : Object

    The animation control args

    \n
  • duration : Float (optional)

    How long the animation lasts in seconds (defaults to .35)

    \n
  • onComplete : Function (optional)

    Function to call when animation completes

    \n
  • easing : String (optional)

    Ext.Fx.easing method to use (defaults to 'easeOut')

    \n
  • animType : String (optional)

    'run' is the default. Can also be 'color',\n'motion', or 'scroll'

    \n

Returns

Ext.Element
view source
( el ) : Ext.Elementchainable
Appends the passed element(s) to this element ...

Appends the passed element(s) to this element

\n

Parameters

  • el : String/HTMLElement/Array/Element/CompositeElement
    \n

Returns

Ext.Element
view source
( el ) : Ext.Elementchainable
Appends this element to the passed element ...

Appends this element to the passed element

\n

Parameters

  • el : Mixed

    The new parent element

    \n

Returns

Ext.Element
view source
( styles ) : Ext.Elementchainable
More flexible version of setStyle for setting style properties. ...

More flexible version of setStyle for setting style properties.

\n

Parameters

  • styles : String/Object/Function

    A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.

    \n

Returns

Ext.Element
view source
( ) : Ext.Elementchainable
Tries to blur the element. ...

Tries to blur the element. Any exceptions are caught and ignored.

\n

Returns

Ext.Element
view source
( [class] ) : Ext.Element
Wraps the specified element with a special 9 element markup/CSS block that renders by default as\na gray container wit...

Wraps the specified element with a special 9 element markup/CSS block that renders by default as\na gray container with a gradient background, rounded corners and a 4-way shadow.

\n\n\n

This special markup is used throughout Ext when box wrapping elements (Ext.Button,\nExt.Panel when frame=true, Ext.Window). The markup\nis of this form:

\n\n\n
    Ext.Element.boxMarkup =\n    '<div class=\"{0}-tl\"><div class=\"{0}-tr\"><div class=\"{0}-tc\"></div></div></div>\n     <div class=\"{0}-ml\"><div class=\"{0}-mr\"><div class=\"{0}-mc\"></div></div></div>\n     <div class=\"{0}-bl\"><div class=\"{0}-br\"><div class=\"{0}-bc\"></div></div></div>';\n
\n\n\n

Example usage:

\n\n\n
    // Basic box wrap\n    Ext.get(\"foo\").boxWrap();\n\n    // You can also add a custom class and use CSS inheritance rules to customize the box look.\n    // 'x-box-blue' is a built-in alternative -- look at the related CSS definitions as an example\n    // for how to create a custom box wrap style.\n    Ext.get(\"foo\").boxWrap().addClass(\"x-box-blue\");\n
\n\n

Parameters

  • class : String (optional)

    A base CSS class to apply to the containing wrapper element\n(defaults to 'x-box'). Note that there are a number of CSS rules that are dependent on\nthis name to make the overall effect work, so if you supply an alternate base class, make sure you\nalso supply all of the necessary rules.

    \n

Returns

  • Ext.Element

    The outermost wrapping element of the created box structure.

    \n
Ext.Element
view source
( [centerIn] )
Centers the Element in either the viewport, or another Element. ...

Centers the Element in either the viewport, or another Element.

\n

Parameters

  • centerIn : Mixed (optional)

    The element in which to center the element.

    \n
Ext.Element
view source
( selector, [returnDom] ) : HTMLElement/Ext.Element
Selects a single child at any depth below this element based on the passed CSS selector (the selector should not cont...

Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).

\n

Parameters

  • selector : String

    The CSS selector

    \n
  • returnDom : Boolean (optional)

    True to return the DOM node instead of Ext.Element (defaults to false)

    \n

Returns

Ext.Element
view source
( [forceReclean] )
Removes worthless text nodes ...

Removes worthless text nodes

\n

Parameters

  • forceReclean : Boolean (optional)

    By default the element\nkeeps track if it has been cleaned already so\nyou can call this over and over. However, if you update the element and\nneed to force a reclean, you can pass true.

    \n
Ext.Element
view source
( ) : Ext.Elementchainable
Clears any opacity settings from this element. ...

Clears any opacity settings from this element. Required in some cases for IE.

\n

Returns

Ext.Element
view source
( [value] ) : Ext.Elementchainable
Clear positioning back to the default when the document was loaded ...

Clear positioning back to the default when the document was loaded

\n

Parameters

  • value : String (optional)

    The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.

    \n

Returns

Ext.Element
view source
( ) : Ext.Elementchainable
Store the current overflow setting and clip overflow on the element - use unclip to remove ...

Store the current overflow setting and clip overflow on the element - use unclip to remove

\n

Returns

Ext.Element
view source
( el ) : Boolean
Returns true if this element is an ancestor of the passed element ...

Returns true if this element is an ancestor of the passed element

\n

Parameters

  • el : HTMLElement/String

    The element to check

    \n

Returns

  • Boolean

    True if this element is an ancestor of el, else false

    \n
Ext.Element
view source
( config, [insertBefore], [returnDom] ) : Ext.Element
Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child e...

Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.

\n

Parameters

  • config : Object

    DomHelper element config object. If no tag is specified (e.g., {tag:'input'}) then a div will be\nautomatically generated with the specified attributes.

    \n
  • insertBefore : HTMLElement (optional)

    a child element of this element

    \n
  • returnDom : Boolean (optional)

    true to return the dom node instead of creating an Element

    \n

Returns

Ext.Element
view source
( config, [renderTo], [matchBox] ) : Ext.Element
Creates a proxy element of this element ...

Creates a proxy element of this element

\n

Parameters

  • config : String/Object

    The class name of the proxy element or a DomHelper config object

    \n
  • renderTo : String/HTMLElement (optional)

    The element or element id to render the proxy to (defaults to document.body)

    \n
  • matchBox : Boolean (optional)

    True to align and size the proxy to this element now (defaults to false)

    \n

Returns

Ext.Element
view source
( ) : Ext.Element
Creates an iframe shim for this element to keep selects and other windowed objects from\nshowing through. ...

Creates an iframe shim for this element to keep selects and other windowed objects from\nshowing through.

\n

Returns

Ext.Element
view source
( selector, [returnDom] ) : HTMLElement/Ext.Element
Selects a single direct child based on the passed CSS selector (the selector should not contain an id). ...

Selects a single direct child based on the passed CSS selector (the selector should not contain an id).

\n

Parameters

  • selector : String

    The CSS selector

    \n
  • returnDom : Boolean (optional)

    True to return the DOM node instead of Ext.Element (defaults to false)

    \n

Returns

Ext.Element
view source
( [display] ) : Ext.Elementchainable
Convenience method for setVisibilityMode(Element.DISPLAY) ...

Convenience method for setVisibilityMode(Element.DISPLAY)

\n

Parameters

  • display : String (optional)

    What to set display to when visible

    \n

Returns

Ext.Element
view source
( selector, [maxDepth], [returnEl] ) : HTMLElement
Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. ...

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)

\n

Parameters

  • selector : String

    The simple selector to test

    \n
  • maxDepth : Number/Mixed (optional)

    The max depth to search as a number or element (defaults to 50 || document.body)

    \n
  • returnEl : Boolean (optional)

    True to return a Ext.Element object instead of DOM node

    \n

Returns

  • HTMLElement

    The matching DOM node (or null if no match was found)

    \n
Ext.Element
view source
( selector, [maxDepth], [returnEl] ) : HTMLElement
Looks at parent nodes for a match of the passed simple selector (e.g. ...

Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)

\n

Parameters

  • selector : String

    The simple selector to test

    \n
  • maxDepth : Number/Mixed (optional)

    The max depth to

    \n\n
                search as a number or element (defaults to 10 || document.body)\n
    \n
  • returnEl : Boolean (optional)

    True to return a Ext.Element object instead of DOM node

    \n

Returns

  • HTMLElement

    The matching DOM node (or null if no match was found)

    \n
Ext.Element
view source
( [selector], [returnDom] ) : Ext.Element/HTMLElement
Gets the first child, skipping text nodes ...

Gets the first child, skipping text nodes

\n

Parameters

  • selector : String (optional)

    Find the next sibling that matches the passed simple selector

    \n
  • returnDom : Boolean (optional)

    True to return a raw dom node instead of an Ext.Element

    \n

Returns

Ext.Element
view source
( el, [named] ) : Element
Gets the globally shared flyweight Element, with the passed node as the active element. ...

Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to this element -\nthe dom node can be overwritten by other code. Shorthand of fly

\n\n\n

Use 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\nwill be more appropriate to take advantage of the caching provided by the Ext.Element class.

\n\n

Parameters

  • el : String/HTMLElement

    The dom node or id

    \n
  • named : String (optional)

    Allows for creation of named reusable flyweights to prevent conflicts\n(e.g. internally Ext uses \"_global\")

    \n

Returns

  • Element

    The shared Element object (or null if no matching element was found)

    \n
Ext.Element
view source
( [defer] ) : Ext.Elementchainable
Tries to focus the element. ...

Tries to focus the element. Any exceptions are caught and ignored.

\n

Parameters

  • defer : Number (optional)

    Milliseconds to defer the focus

    \n

Returns

Ext.Element
view source
( element, position, [offsets] ) : Array
Gets the x,y coordinates to align this element with another element. ...

Gets the x,y coordinates to align this element with another element. See alignTo for more info on the\nsupported position values.

\n

Parameters

  • element : Mixed

    The element to align to.

    \n
  • position : String

    (optional, defaults to \"tl-bl?\") The position to align to.

    \n
  • offsets : Array (optional)

    Offset the positioning by [x, y]

    \n

Returns

Ext.Element
view source
( [anchor], [local], [size] ) : Array
Gets the x,y coordinates specified by the anchor position on the element. ...

Gets the x,y coordinates specified by the anchor position on the element.

\n

Parameters

  • anchor : String (optional)

    The specified anchor position (defaults to \"c\"). See alignTo\nfor details on supported anchor positions.

    \n
  • local : Boolean (optional)

    True to get the local (element top/left-relative) anchor position instead\nof page coordinates

    \n
  • size : Object (optional)

    An 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

Returns

  • Array

    [x, y] An array containing the element's x and y coordinates

    \n
Ext.Element
view source
( name, [namespace] ) : String
Returns the value of an attribute from the element's underlying DOM node. ...

Returns the value of an attribute from the element's underlying DOM node.

\n

Parameters

  • name : String

    The attribute name

    \n
  • namespace : String (optional)

    The namespace in which to look for the attribute

    \n

Returns

Ext.Element
view source
( namespace, name ) : Stringdeprecated
Returns the value of a namespaced attribute from the element's underlying DOM node. ...

Returns the value of a namespaced attribute from the element's underlying DOM node.

\n
\n

This method has been deprecated

\n \n\n
\n

Parameters

  • namespace : String

    The namespace in which to look for the attribute

    \n
  • name : String

    The attribute name

    \n

Returns

Ext.Element
view source
( side ) : Number
Gets the width of the border(s) for the specified side(s) ...

Gets the width of the border(s) for the specified side(s)

\n

Parameters

  • side : String

    Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing 'lr' would get the border left width + the border right width.

    \n

Returns

  • Number

    The width of the sides passed added together

    \n
Ext.Element
view source
( local ) : Number
Gets the bottom Y coordinate of the element (element Y position + element height) ...

Gets the bottom Y coordinate of the element (element Y position + element height)

\n

Parameters

  • local : Boolean

    True to get the local css position instead of page coordinate

    \n

Returns

Ext.Element
view source
( [contentBox], [local] ) : Object
Return an object defining the area of this Element which can be passed to setBox to\nset another Element's size/locati...

Return 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.

\n

Parameters

  • contentBox : Boolean (optional)

    If true a box for the content of the element is returned.

    \n
  • local : Boolean (optional)

    If true the element's left and top are returned instead of page x/y.

    \n

Returns

  • Object

    box 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\n\n

    The 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

    \n
Ext.Element
view source
( ) : Array
Calculates the x, y to center this element on the screen ...

Calculates the x, y to center this element on the screen

\n

Returns

  • Array

    The x, y values [x, y]

    \n
Ext.Element
view source
( attr, defaultValue, [prefix] )
Return the CSS color for the specified CSS attribute. ...

Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values\nare convert to standard 6 digit hex color.

\n

Parameters

  • attr : String

    The css attribute

    \n
  • defaultValue : String

    The default value to use when a valid color isn't found

    \n
  • prefix : String (optional)

    defaults to #. Use an empty string when working with\ncolor anims.

    \n
Ext.Element
view source
( ) : Number
Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders\nwhen...

Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders\nwhen needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements\nif a height has not been set using CSS.

\n

Returns

Ext.Element
view source
( ) : Number
Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders\nwhen ne...

Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders\nwhen needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements\nif a width has not been set using CSS.

\n

Returns

Ext.Element
view source
( sides, onlyContentBox ) : Number
Returns the sum width of the padding and borders for the passed \"sides\". ...

Returns the sum width of the padding and borders for the passed \"sides\". See getBorderWidth()

\n\n
     for more information about the sides.\n
\n\n

@param {String} sides

\n

Parameters

  • sides : Object
    \n
  • onlyContentBox : Object
    \n

Returns

Ext.Element
view source
( [contentHeight] ) : Number
Returns the offset height of the element ...

Returns the offset height of the element

\n

Parameters

  • contentHeight : Boolean (optional)

    true to get the height minus borders and padding

    \n

Returns

Ext.Element
view source
( local ) : Number
Gets the left X coordinate ...

Gets the left X coordinate

\n

Parameters

  • local : Boolean

    True to get the local css position instead of page coordinate

    \n

Returns

Ext.Element
view source
( [sides] ) : Object/Number
Returns an object with properties top, left, right and bottom representing the margins of this element unless sides i...

Returns 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)

\n

Parameters

  • sides : String (optional)

    Any combination of l, r, t, b to get the sum of those sides

    \n

Returns

Ext.Element
view source
( element ) : Array
Returns the offsets of this element from the passed element. ...

Returns the offsets of this element from the passed element. Both element must be part of the DOM tree and not have display:none to have page coordinates.

\n

Parameters

  • element : Mixed

    The element to get the offsets from.

    \n

Returns

  • Array

    The XY page offsets (e.g. [100, -200])

    \n
Ext.Element
view source
( side ) : Number
Gets the width of the padding(s) for the specified side(s) ...

Gets the width of the padding(s) for the specified side(s)

\n

Parameters

  • side : String

    Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing 'lr' would get the padding left + the padding right.

    \n

Returns

  • Number

    The padding of the sides passed added together

    \n
Ext.Element
view source
( ) : Object
Gets an object with all CSS positioning properties. ...

Gets an object with all CSS positioning properties. Useful along with setPostioning to get\nsnapshot before performing an update and then restoring the element.

\n

Returns

  • Object
    \n
Ext.Element
view source
( ) : Region
Returns the region of the given element. ...

Returns the region of the given element.\nThe element must be part of the DOM tree to have a region (display:none or elements not appended return false).

\n

Returns

  • Region

    A Ext.lib.Region containing \"top, left, bottom, right\" member data.

    \n
Ext.Element
view source
( local ) : Number
Gets the right X coordinate of the element (element X position + element width) ...

Gets the right X coordinate of the element (element X position + element width)

\n

Parameters

  • local : Boolean

    True to get the local css position instead of page coordinate

    \n

Returns

Ext.Element
view source
( ) : Object
Returns the current scroll position of the element. ...

Returns the current scroll position of the element.

\n

Returns

  • Object

    An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}

    \n
Ext.Element
view source
( [contentSize] ) : Object
Returns the size of the element. ...

Returns the size of the element.

\n

Parameters

  • contentSize : Boolean (optional)

    true to get the width/size minus borders and padding

    \n

Returns

  • Object

    An object containing the element's size {width: (element width), height: (element height)}

    \n
Ext.Element
view source
( property ) : String
Normalizes currentStyle and computedStyle. ...

Normalizes currentStyle and computedStyle.

\n

Parameters

  • property : String

    The style property whose value is returned.

    \n

Returns

  • String

    The current value of the style property for this element.

    \n
Ext.Element
view source
( )
Returns the dimensions of the element available to lay content out in. ...

Returns the dimensions of the element available to lay content out in.

\n\ngetStyleSize utilizes prefers style sizing if present, otherwise it chooses the larger of offsetHeight/clientHeight and offsetWidth/clientWidth.\nTo obtain the size excluding scrollbars, use getViewSize\n\nSizing of the document body is handled at the adapter level which handles special cases for IE and strict modes, etc.\n\n

Ext.Element
view source
( style1, style2, etc ) : Object
Returns an object with properties matching the styles requested. ...

Returns an object with properties matching the styles requested.\nFor example, el.getStyles('color', 'font-size', 'width') might return\n{'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}.

\n

Parameters

Returns

  • Object

    The style object

    \n
Ext.Element
view source
( text, [min], [max] ) : Number
Returns the width in pixels of the passed text, or the width of the text in this Element. ...

Returns the width in pixels of the passed text, or the width of the text in this Element. getTextWidth

\n

Parameters

  • text : String

    The text to measure. Defaults to the innerHTML of the element.

    \n
  • min : Number (optional)

    The minumum value to return.

    \n
  • max : Number (optional)

    The maximum value to return.

    \n

Returns

  • Number

    The text width in pixels.

    \n
Ext.Element
view source
( local ) : Number
Gets the top Y coordinate ...

Gets the top Y coordinate

\n

Parameters

  • local : Boolean

    True to get the local css position instead of page coordinate

    \n

Returns

Ext.Element
view source
( ) : Ext.Updater
Gets this element's Updater ...

Gets this element's Updater

\n

Returns

Ext.Element
view source
( asNumber ) : String/Number
Returns the value of the \"value\" attribute ...

Returns the value of the \"value\" attribute

\n

Parameters

  • asNumber : Boolean

    true to parse the value as a number

    \n

Returns

Ext.Element
view source
( )
Returns the dimensions of the element available to lay content out in. ...

Returns the dimensions of the element available to lay content out in.

\n

If the element (or any ancestor element) has CSS style display : none, the dimensions will be zero.

\nexample:\n
        var vpSize = Ext.getBody().getViewSize();\n\n        // all Windows created afterwards will have a default value of 90% height and 95% width\n        Ext.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.\n\n

Ext.Element
view source
( [contentWidth] ) : Number
Returns the offset width of the element ...

Returns the offset width of the element

\n

Parameters

  • contentWidth : Boolean (optional)

    true to get the width minus borders and padding

    \n

Returns

Ext.Element
view source
( ) : Number
Gets the current X position of the element based on page coordinates. ...

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).

\n

Returns

  • Number

    The X position of the element

    \n
Ext.Element
view source
( ) : Array
Gets the current position of the element based on page coordinates. ...

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).

\n

Returns

  • Array

    The XY position of the element

    \n
Ext.Element
view source
( ) : Number
Gets the current Y position of the element based on page coordinates. ...

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).

\n

Returns

  • Number

    The Y position of the element

    \n
Ext.Element
view source
( className ) : Boolean
Checks if the specified CSS class exists on this element's DOM node. ...

Checks if the specified CSS class exists on this element's DOM node.

\n

Parameters

  • className : String

    The CSS class to check for

    \n

Returns

  • Boolean

    True if the class exists, else false

    \n
Ext.Element
view source
( )private
Determine if the Element has a relevant height and width available based\nupon current logical visibility state ...

Determine if the Element has a relevant height and width available based\nupon current logical visibility state

\n
Ext.Element
view source
( [animate] ) : Ext.Elementchainable
Hide this element - Uses display mode to determine whether to use \"display\" or \"visibility\". ...

Hide this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See setVisible.

\n

Parameters

  • animate : Boolean/Object (optional)

    true for the default animation or a standard Element animation config object

    \n

Returns

Ext.Element
view source
( overFn, outFn, [scope], [options] ) : Ext.Elementchainable
Sets up event handlers to call the passed functions when the mouse is moved into and out of the Element. ...

Sets up event handlers to call the passed functions when the mouse is moved into and out of the Element.

\n

Parameters

  • overFn : Function

    The function to call when the mouse enters the Element.

    \n
  • outFn : Function

    The function to call when the mouse leaves the Element.

    \n
  • scope : Object (optional)

    The scope (this reference) in which the functions are executed. Defaults to the Element's DOM element.

    \n
  • options : Object (optional)

    Options for the listener. See the <tt>options</tt> parameter.

    \n

Returns

Ext.Element
view source
( group, config, overrides ) : Ext.dd.DD
Initializes a Ext.dd.DD drag drop object for this element. ...

Initializes a Ext.dd.DD drag drop object for this element.

\n

Parameters

  • group : String

    The group the DD object is member of

    \n
  • config : Object

    The DD config object

    \n
  • overrides : Object

    An object containing methods to override/implement on the DD object

    \n

Returns

Ext.Element
view source
( group, config, overrides ) : Ext.dd.DDProxy
Initializes a Ext.dd.DDProxy object for this element. ...

Initializes a Ext.dd.DDProxy object for this element.

\n

Parameters

  • group : String

    The group the DDProxy object is member of

    \n
  • config : Object

    The DDProxy config object

    \n
  • overrides : Object

    An object containing methods to override/implement on the DDProxy object

    \n

Returns

Ext.Element
view source
( group, config, overrides ) : Ext.dd.DDTarget
Initializes a Ext.dd.DDTarget object for this element. ...

Initializes a Ext.dd.DDTarget object for this element.

\n

Parameters

  • group : String

    The group the DDTarget object is member of

    \n
  • config : Object

    The DDTarget config object

    \n
  • overrides : Object

    An object containing methods to override/implement on the DDTarget object

    \n

Returns

Ext.Element
view source
( el ) : Ext.Elementchainable
Inserts this element after the passed element in the DOM ...

Inserts this element after the passed element in the DOM

\n

Parameters

  • el : Mixed

    The element to insert after

    \n

Returns

Ext.Element
view source
( el ) : Ext.Elementchainable
Inserts this element before the passed element in the DOM ...

Inserts this element before the passed element in the DOM

\n

Parameters

  • el : Mixed

    The element before which this element will be inserted

    \n

Returns

Ext.Element
view source
( el ) : Ext.Element
Inserts (or creates) an element (or DomHelper config) as the first child of this element ...

Inserts (or creates) an element (or DomHelper config) as the first child of this element

\n

Parameters

  • el : Mixed/Object

    The id or element to insert or a DomHelper config to create and insert

    \n

Returns

Ext.Element
view source
( where, html, [returnEl] ) : HTMLElement/Ext.Element
Inserts an html fragment into this element ...

Inserts an html fragment into this element

\n

Parameters

  • where : String

    Where to insert the html in relation to this element - beforeBegin, afterBegin, beforeEnd, afterEnd.

    \n
  • html : String

    The HTML fragment

    \n
  • returnEl : Boolean (optional)

    True to return an Ext.Element (defaults to false)

    \n

Returns

  • HTMLElement/Ext.Element

    The inserted node (or nearest related if more than 1 inserted)

    \n
Ext.Element
view source
( el, [where], [returnDom] ) : Ext.Element
Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element ...

Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element

\n

Parameters

  • el : Mixed/Object/Array

    The id, element to insert or a DomHelper config to create and insert or an array of any of those.

    \n
  • where : String (optional)

    'before' or 'after' defaults to before

    \n
  • returnDom : Boolean (optional)

    True to return the raw DOM element instead of Ext.Element

    \n

Returns

  • Ext.Element

    The inserted Element. If an array is passed, the last inserted element is returned.

    \n
Ext.Element
view source
( selector ) : Boolean
Returns true if this element matches the passed simple selector (e.g. ...

Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)

\n

Parameters

  • selector : String

    The simple selector to test

    \n

Returns

  • Boolean

    True if this element matches the selector, else false

    \n
Ext.Element
view source
( ) : Boolean
Tests various css rules/browsers to determine if this element uses a border box ...

Tests various css rules/browsers to determine if this element uses a border box

\n

Returns

  • Boolean
    \n
Ext.Element
view source
( ) : Boolean
Returns true if display is not \"none\" ...

Returns true if display is not \"none\"

\n

Returns

  • Boolean
    \n
Ext.Element
view source
( ) : Boolean
Returns true if this element is masked ...

Returns true if this element is masked

\n

Returns

  • Boolean
    \n
Ext.Element
view source
( ) : Boolean
Returns true if this element is scrollable. ...

Returns true if this element is scrollable.

\n

Returns

  • Boolean
    \n
Ext.Element
view source
( ) : Boolean
Checks whether the element is currently visible using both visibility and display properties. ...

Checks whether the element is currently visible using both visibility and display properties.

\n

Returns

  • Boolean

    True if the element is currently visible, else false

    \n
Ext.Element
view source
( [selector], [returnDom] ) : Ext.Element/HTMLElement
Gets the last child, skipping text nodes ...

Gets the last child, skipping text nodes

\n

Parameters

  • selector : String (optional)

    Find the previous sibling that matches the passed simple selector

    \n
  • returnDom : Boolean (optional)

    True to return a raw dom node instead of an Ext.Element

    \n

Returns

Ext.Element
view source
( options ) : Ext.Elementchainable
Updates the innerHTML of this Element\nfrom a specified URL. ...

Updates the innerHTML of this Element\nfrom a specified URL. Note that this is subject to the Same Origin Policy

\n\n\n

Updating innerHTML of an element will not execute embedded <script> elements. This is a browser restriction.

\n\n

Parameters

  • options : Mixed

    . Either a sring containing the URL from which to load the HTML, or an Ext.Ajax.request options object specifying\nexactly how to request the HTML.

    \n

Returns

Ext.Element
view source
( [msg], [msgCls] ) : Element
Puts a mask over this element to disable user interaction. ...

Puts a mask over this element to disable user interaction. Requires core.css.\nThis method can only be applied to elements which accept child nodes.

\n

Parameters

  • msg : String (optional)

    A message to display in the mask

    \n
  • msgCls : String (optional)

    A css class to apply to the msg element

    \n

Returns

  • Element

    The mask element

    \n
Ext.Element
view source
( direction, distance, [animate] ) : Ext.Elementchainable
Move this element relative to its current position. ...

Move this element relative to its current position.

\n

Parameters

  • direction : String

    Possible values are: \"l\" (or \"left\"), \"r\" (or \"right\"), \"t\" (or \"top\", or \"up\"), \"b\" (or \"bottom\", or \"down\").

    \n
  • distance : Number

    How far to move the element in pixels

    \n
  • animate : Boolean/Object (optional)

    true for the default animation or a standard Element animation config object

    \n

Returns

Ext.Element
view source
( x, y, [animate] ) : Ext.Elementchainable
Sets the position of the element in page coordinates, regardless of how the element is positioned. ...

Sets 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).

\n

Parameters

  • x : Number

    X value for new position (coordinates are page-based)

    \n
  • y : Number

    Y value for new position (coordinates are page-based)

    \n
  • animate : Boolean/Object (optional)

    True for the default animation, or a standard Element animation config object

    \n

Returns

Ext.Element
view source
( [selector], [returnDom] ) : Ext.Element/HTMLElement
Gets the next sibling, skipping text nodes ...

Gets the next sibling, skipping text nodes

\n

Parameters

  • selector : String (optional)

    Find the next sibling that matches the passed simple selector

    \n
  • returnDom : Boolean (optional)

    True to return a raw dom node instead of an Ext.Element

    \n

Returns

Ext.Element
view source
( eventName, fn, [scope], [options] )
Appends an event handler (shorthand for addListener). ...

Appends an event handler (shorthand for addListener).

\n

Parameters

  • eventName : String

    The name of event to handle.

    \n
  • fn : Function

    The handler function the event invokes.

    \n
  • scope : Object (optional)

    The scope (this reference) in which the handler function is executed.

    \n
  • options : Object (optional)

    An object containing standard addListener options

    \n
Ext.Element
view source
( [selector], [returnDom] ) : Ext.Element/HTMLElement
Gets the parent node for this element, optionally chaining up trying to match a selector ...

Gets the parent node for this element, optionally chaining up trying to match a selector

\n

Parameters

  • selector : String (optional)

    Find a parent node that matches the passed simple selector

    \n
  • returnDom : Boolean (optional)

    True to return a raw dom node instead of an Ext.Element

    \n

Returns

Ext.Element
view source
( [pos], [zIndex], [x], [y] )
Initializes positioning on this element. ...

Initializes positioning on this element. If a desired position is not passed, it will make the\nthe element positioned relative IF it is not already positioned.

\n

Parameters

  • pos : String (optional)

    Positioning to use \"relative\", \"absolute\" or \"fixed\"

    \n
  • zIndex : Number (optional)

    The zIndex to apply

    \n
  • x : Number (optional)

    Set the page X position

    \n
  • y : Number (optional)

    Set the page Y position

    \n
Ext.Element
view source
( [selector], [returnDom] ) : Ext.Element/HTMLElement
Gets the previous sibling, skipping text nodes ...

Gets the previous sibling, skipping text nodes

\n

Parameters

  • selector : String (optional)

    Find the previous sibling that matches the passed simple selector

    \n
  • returnDom : Boolean (optional)

    True to return a raw dom node instead of an Ext.Element

    \n

Returns

Ext.Element
view source
( ) : Ext.Elementchainable
Recursively removes all previous added listeners from this element and its children ...

Recursively removes all previous added listeners from this element and its children

\n

Returns

Ext.Element
view source
( selector ) : Array
Selects child nodes based on the passed CSS selector (the selector should not contain an id). ...

Selects child nodes based on the passed CSS selector (the selector should not contain an id).

\n

Parameters

  • selector : String

    The CSS selector

    \n

Returns

  • Array

    An array of the matched nodes

    \n
Ext.Element
view source
( className ) : Ext.Elementchainable
Adds one or more CSS classes to this element and removes the same class(es) from all siblings. ...

Adds one or more CSS classes to this element and removes the same class(es) from all siblings.

\n

Parameters

  • className : String/Array

    The CSS class to add, or an array of classes

    \n

Returns

Ext.Element
view source
( eventName, object )
Create an event handler on this element such that when the event fires and is handled by this element,\nit will be rel...

Create an event handler on this element such that when the event fires and is handled by this element,\nit will be relayed to another object (i.e., fired again as if it originated from that object instead).

\n

Parameters

  • eventName : String

    The type of event to relay

    \n
  • object : Object

    Any object that extends Ext.util.Observable that will provide the context\nfor firing the relayed event

    \n
Ext.Element
view source
( )
Removes this element's dom reference. ...

Removes this element's dom reference. Note that event and cache removal is handled at Ext.removeNode

\n\n
Ext.Element
view source
( ) : Ext.Elementchainable
Removes all previous added listeners from this element ...

Removes all previous added listeners from this element

\n

Returns

Ext.Element
view source
( ) : Ext.Elementchainable
Remove any anchor to this element. ...

Remove any anchor to this element. See anchorTo.

\n

Returns

Ext.Element
view source
( className ) : Ext.Elementchainable
Removes one or more CSS classes from the element. ...

Removes one or more CSS classes from the element.

\n

Parameters

  • className : String/Array

    The CSS class to remove, or an array of classes

    \n

Returns

Ext.Element
view source
( eventName, fn, scope ) : Ext.Elementchainable
Removes an event handler from this element. ...

Removes an event handler from this element. The shorthand version un is equivalent.\nNote: if a scope was explicitly specified when adding the\nlistener, the same scope must be specified here.\nExample:

\n\n
el.removeListener('click', this.handlerFn);\n// or\nel.un('click', this.handlerFn);\n
\n\n

Parameters

  • eventName : String

    The name of the event from which to remove the handler.

    \n
  • fn : Function

    The handler function to remove. This must be a reference to the function passed into the addListener call.

    \n
  • scope : Object

    If a scope (this reference) was specified when the listener was added,\nthen this must refer to the same object.

    \n

Returns

Ext.Element
view source
( ) : Ext.Elementchainable
Forces the browser to repaint this element ...

Forces the browser to repaint this element

\n

Returns

Ext.Element
view source
( el ) : Ext.Elementchainable
Replaces the passed element with this element ...

Replaces the passed element with this element

\n

Parameters

  • el : Mixed

    The element to replace

    \n

Returns

Ext.Element
view source
( oldClassName, newClassName ) : Ext.Elementchainable
Replaces a CSS class on the element with another. ...

Replaces a CSS class on the element with another. If the old name does not exist, the new name will simply be added.

\n

Parameters

  • oldClassName : String

    The CSS class to replace

    \n
  • newClassName : String

    The replacement CSS class

    \n

Returns

Ext.Element
view source
( el ) : Ext.Elementchainable
Replaces this element with the passed element ...

Replaces this element with the passed element

\n

Parameters

  • el : Mixed/Object

    The new element or a DomHelper config of an element to create

    \n

Returns

Ext.Element
view source
( direction, distance, [animate] ) : Boolean
Scrolls this element the specified direction. ...

Scrolls this element the specified direction. Does bounds checking to make sure the scroll is\nwithin this element's scrollable range.

\n

Parameters

  • direction : String

    Possible values are: \"l\" (or \"left\"), \"r\" (or \"right\"), \"t\" (or \"top\", or \"up\"), \"b\" (or \"bottom\", or \"down\").

    \n
  • distance : Number

    How far to scroll the element in pixels

    \n
  • animate : Boolean/Object (optional)

    true for the default animation or a standard Element animation config object

    \n

Returns

  • Boolean

    Returns true if a scroll was triggered or false if the element\nwas scrolled as far as it could go.

    \n
Ext.Element
view source
( [container], [hscroll] ) : Ext.Elementchainable
Scrolls this element into view within the passed container. ...

Scrolls this element into view within the passed container.

\n

Parameters

  • container : Mixed (optional)

    The container element to scroll (defaults to document.body). Should be a\nstring (id), dom node, or Ext.Element.

    \n
  • hscroll : Boolean (optional)

    False to disable horizontal scroll (defaults to true)

    \n

Returns

Ext.Element
view source
( side, value ) : Elementchainable
Scrolls this element the specified scroll point. ...

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().

\n

Parameters

  • side : String

    Either \"left\" for scrollLeft values or \"top\" for scrollTop values.

    \n
  • value : Number

    The new scroll value.

    \n

Returns

  • Element

    this

    \n
Ext.Element
view source
( selector ) : CompositeElement/CompositeElementLite
Creates a Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an id). ...

Creates a Ext.CompositeElement for child nodes based on the passed CSS selector (the selector should not contain an id).

\n

Parameters

  • selector : String

    The CSS selector

    \n

Returns

  • CompositeElement/CompositeElementLite

    The composite element

    \n
Ext.Element
view source
( o, [useSet] ) : Ext.Elementchainable
Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function) ...

Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)

\n

Parameters

  • o : Object

    The object with the attributes

    \n
  • useSet : Boolean (optional)

    false to override the default setAttribute to use expandos.

    \n

Returns

Ext.Element
view source
( bottom ) : Ext.Elementchainable
Sets the element's CSS bottom style. ...

Sets the element's CSS bottom style.

\n

Parameters

  • bottom : String

    The bottom CSS property value

    \n

Returns

Ext.Element
view source
( x, y, width, height, [animate] ) : Ext.Elementchainable
Sets the element's position and size in one shot. ...

Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.

\n

Parameters

  • x : Number

    X value for new position (coordinates are page-based)

    \n
  • y : Number

    Y value for new position (coordinates are page-based)

    \n
  • width : Mixed

    The new width. This may be one of:

      \n
    • A Number specifying the new width in this Element's defaultUnits (by default, pixels)
      • \n
    • A String used to set the CSS width style. Animation may not be used.\n

    \n
  • height : Mixed

    The new height. This may be one of:

      \n
    • A Number specifying the new height in this Element's defaultUnits (by default, pixels)
      • \n
    • A String used to set the CSS height style. Animation may not be used.
      • \n

    \n
  • animate : Boolean/Object (optional)

    true for the default animation or a standard Element animation config object

    \n

    • Returns

    Ext.Element
    view source
    ( box, [adjust], [animate] ) : Ext.Elementchainable
    Sets the element's box. ...

    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.

    \n

    Parameters

    • box : Object

      The box to fill {x, y, width, height}

      \n
    • adjust : Boolean (optional)

      Whether to adjust for box-model issues automatically

      \n
    • animate : Boolean/Object (optional)

      true for the default animation or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( value ) : Ext.Elementchainable
    Sets the CSS display property. ...

    Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.

    \n

    Parameters

    • value : Mixed

      Boolean value to display the element using its default display, or a string to set the display directly.

      \n

    Returns

    Ext.Element
    view source
    ( height, [animate] ) : Ext.Elementchainable
    Set the height of this Element. ...

    Set 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 : .5, // animation will have a duration of .5 seconds\n    // will change the content to \"finished\"\n    callback: function(){ this.update(\"finished\"); }\n});\n
    \n\n

    Parameters

    • height : Mixed

      The new height. This may be one of:

        \n
      • A Number specifying the new height in this Element's defaultUnits (by default, pixels.)
        • \n
      • A String used to set the CSS height style. Animation may not be used.
        • \n

      \n
    • animate : Boolean/Object (optional)

      true for the default animation or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( left ) : Ext.Elementchainable
    Sets the element's left position directly using CSS style (instead of setX). ...

    Sets the element's left position directly using CSS style (instead of setX).

    \n

    Parameters

    • left : String

      The left CSS property value

      \n

    Returns

    Ext.Element
    view source
    ( left, top ) : Ext.Elementchainable
    Quick set left and top adding default units ...

    Quick set left and top adding default units

    \n

    Parameters

    • left : String

      The left CSS property value

      \n
    • top : String

      The top CSS property value

      \n

    Returns

    Ext.Element
    view source
    ( x, y, [animate] ) : Ext.Elementchainable
    Sets the position of the element in page coordinates, regardless of how the element is positioned. ...

    Sets 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).

    \n

    Parameters

    • x : Number

      X value for new position (coordinates are page-based)

      \n
    • y : Number

      Y value for new position (coordinates are page-based)

      \n
    • animate : Boolean/Object (optional)

      True for the default animation, or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( opacity, [animate] ) : Ext.Elementchainable
    Set the opacity of the element ...

    Set the opacity of the element

    \n

    Parameters

    • opacity : Float

      The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc

      \n
    • animate : Boolean/Object (optional)

      a standard Element animation config object or true for\nthe default animation ({duration: .35, easing: 'easeIn'})

      \n

    Returns

    Ext.Element
    view source
    ( posCfg ) : Ext.Elementchainable
    Set positioning with an object returned by getPositioning(). ...

    Set positioning with an object returned by getPositioning().

    \n

    Parameters

    • posCfg : Object
      \n

    Returns

    Ext.Element
    view source
    ( region, [animate] ) : Ext.Elementchainable
    Sets the element's position and size the specified region. ...

    Sets the element's position and size the specified region. If animation is true then width, height, x and y will be animated concurrently.

    \n

    Parameters

    • region : Ext.lib.Region

      The region to fill

      \n
    • animate : Boolean/Object (optional)

      true for the default animation or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( right ) : Ext.Elementchainable
    Sets the element's CSS right style. ...

    Sets the element's CSS right style.

    \n

    Parameters

    • right : String

      The right CSS property value

      \n

    Returns

    Ext.Element
    view source
    ( width, height, [animate] ) : Ext.Elementchainable
    Set the size of this Element. ...

    Set the size of this Element. If animation is true, both width and height will be animated concurrently.

    \n

    Parameters

    • width : Mixed

      The new width. This may be one of:

        \n
      • A Number specifying the new width in this Element's defaultUnits (by default, pixels).
        • \n
      • A String used to set the CSS width style. Animation may not be used.\n
      • A size object in the format {width: widthValue, height: heightValue}.
        • \n

      \n
  • height : Mixed

    The new height. This may be one of:

      \n
    • A Number specifying the new height in this Element's defaultUnits (by default, pixels).
      • \n
    • A String used to set the CSS height style. Animation may not be used.
      • \n

    \n
  • animate : Boolean/Object (optional)

    true for the default animation or a standard Element animation config object

    \n

    • Returns

    Ext.Element
    view source
    ( property, [value] ) : Ext.Elementchainable
    Wrapper for setting style properties, also takes single object parameter of multiple styles. ...

    Wrapper for setting style properties, also takes single object parameter of multiple styles.

    \n

    Parameters

    • property : String/Object

      The style property to be set, or an object of multiple styles.

      \n
    • value : String (optional)

      The value to apply to the given property, or null if an object was passed.

      \n

    Returns

    Ext.Element
    view source
    ( top ) : Ext.Elementchainable
    Sets the element's top position directly using CSS style (instead of setY). ...

    Sets the element's top position directly using CSS style (instead of setY).

    \n

    Parameters

    • top : String

      The top CSS property value

      \n

    Returns

    Ext.Element
    view source
    ( visMode ) : Ext.Elementchainable
    Sets the element's visibility mode. ...

    Sets the element's visibility mode. When setVisible() is called it\nwill use this to determine whether to set the visibility or the display property.

    \n

    Parameters

    Returns

    Ext.Element
    view source
    ( visible, [animate] ) : Ext.Elementchainable
    Sets the visibility of the element (see details). ...

    Sets 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.

    \n

    Parameters

    • visible : Boolean

      Whether the element is visible

      \n
    • animate : Boolean/Object (optional)

      True for the default animation, or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( width, [animate] ) : Ext.Elementchainable
    Set the width of this Element. ...

    Set the width of this Element.

    \n

    Parameters

    • width : Mixed

      The new width. This may be one of:

        \n
      • A Number specifying the new width in this Element's defaultUnits (by default, pixels).
        • \n
      • A String used to set the CSS width style. Animation may not be used.\n

      \n
  • animate : Boolean/Object (optional)

    true for the default animation or a standard Element animation config object

    \n

    • Returns

    Ext.Element
    view source
    ( The, [animate] ) : Ext.Elementchainable
    Sets the X position of the element based on page coordinates. ...

    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).

    \n

    Parameters

    • The : Number

      X position of the element

      \n
    • animate : Boolean/Object (optional)

      True for the default animation, or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( pos, [animate] ) : Ext.Elementchainable
    Sets the position of the element in page coordinates, regardless of how the element is positioned. ...

    Sets 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).

    \n

    Parameters

    • pos : Array

      Contains X & Y [x, y] values for new position (coordinates are page-based)

      \n
    • animate : Boolean/Object (optional)

      True for the default animation, or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( The, [animate] ) : Ext.Elementchainable
    Sets the Y position of the element based on page coordinates. ...

    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).

    \n

    Parameters

    • The : Number

      Y position of the element

      \n
    • animate : Boolean/Object (optional)

      True for the default animation, or a standard Element animation config object

      \n

    Returns

    Ext.Layer
    view source
    ( zindex ) : thischainable
    Sets the z-index of this layer and adjusts any shadow and shim z-indexes. ...

    Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically\nincremented by two more than the value passed in so that it always shows above any shadow or shim (the shadow\nelement, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index).

    \n

    Parameters

    • zindex : Number

      The new z-index to set

      \n

    Returns

    • this

      The Layer

      \n
    Ext.Element
    view source
    ( [animate] ) : Ext.Elementchainable
    Show this element - Uses display mode to determine whether to use \"display\" or \"visibility\". ...

    Show this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See setVisible.

    \n

    Parameters

    • animate : Boolean/Object (optional)

      true for the default animation or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( eventName, [preventDefault] ) : Ext.Elementchainable
    Stops the specified event(s) from bubbling and optionally prevents the default action ...

    Stops the specified event(s) from bubbling and optionally prevents the default action

    \n

    Parameters

    • eventName : String/Array

      an event / array of events to stop from bubbling

      \n
    • preventDefault : Boolean (optional)

      true to prevent the default action too

      \n

    Returns

    Ext.Element
    view source
    ( [animate] ) : Ext.Elementchainable
    Toggles the element's visibility or display, depending on visibility mode. ...

    Toggles the element's visibility or display, depending on visibility mode.

    \n

    Parameters

    • animate : Boolean/Object (optional)

      True for the default animation, or a standard Element animation config object

      \n

    Returns

    Ext.Element
    view source
    ( className ) : Ext.Elementchainable
    Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it). ...

    Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).

    \n

    Parameters

    • className : String

      The CSS class to toggle

      \n

    Returns

    Ext.Element
    view source
    ( x, [y] ) : Object
    Translates the passed page coordinates into left/top css values for this element ...

    Translates the passed page coordinates into left/top css values for this element

    \n

    Parameters

    • x : Number/Array

      The page x or an array containing [x, y]

      \n
    • y : Number (optional)

      The page y, required if x is not an array

      \n

    Returns

    • Object

      An object with left and top properties. e.g. {left: (value), top: (value)}

      \n
    Ext.Element
    view source
    ( eventName, fn, scope ) : Ext.Elementchainable
    Removes an event handler from this element (see removeListener for additional notes). ...

    Removes an event handler from this element (see removeListener for additional notes).

    \n

    Parameters

    • eventName : String

      The name of the event from which to remove the handler.

      \n
    • fn : Function

      The handler function to remove. This must be a reference to the function passed into the addListener call.

      \n
    • scope : Object

      If a scope (this reference) was specified when the listener was added,\nthen this must refer to the same object.

      \n

    Returns

    Ext.Element
    view source
    ( ) : Ext.Elementchainable
    Return clipping (overflow) to original clipping before clip was called ...

    Return clipping (overflow) to original clipping before clip was called

    \n

    Returns

    Ext.Element
    view source
    ( )
    Removes a previously applied mask. ...

    Removes a previously applied mask.

    \n
    Ext.Element
    view source
    ( ) : Ext.Elementchainable
    Disables text selection for this element (normalized across browsers) ...

    Disables text selection for this element (normalized across browsers)

    \n

    Returns

    Ext.Element
    view source
    ( selector, [maxDepth] ) : Ext.Element
    Walks up the dom looking for a parent node that matches the passed simple selector (e.g. ...

    Walks 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.Element.

    \n

    Parameters

    • selector : String

      The simple selector to test

      \n
    • maxDepth : Number/Mixed (optional)

      The max depth to

      \n\n
                  search as a number or element (defaults to 10 || document.body)\n
      \n

    Returns

    • Ext.Element

      The matching DOM node (or null if no match was found)

      \n
    Ext.Element
    view source
    ( html ) : Ext.Elementchainable
    Update the innerHTML of this element ...

    Update the innerHTML of this element

    \n

    Parameters

    Returns

    Ext.Element
    view source
    ( [config], [returnDom] ) : HTMLElement/Element
    Creates and wraps this element with another element ...

    Creates and wraps this element with another element

    \n

    Parameters

    • config : Object (optional)

      DomHelper element config object for the wrapper element or null for an empty div

      \n
    • returnDom : Boolean (optional)

      True to return the raw DOM element instead of Ext.Element

      \n

    Returns

    • HTMLElement/Element

      The newly created wrapper element

      \n
    Defined By

    Events

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Fires when an element is activated, for instance, through a mouse click or a keypress.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Fires when an attribute has been modified.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Fires when the character data has been modified.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Similar to HTML focus event, but can be applied to any focusable element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Similar to HTML blur event, but can be applied to any focusable element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Fires when a node has been added as a child of another node.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Fires when a node is being inserted into a document.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Fires when a descendant node of the element is removed.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Fires when a node is being removed from a document.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Where supported. ...

    Where supported. Fires when the subtree is modified.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when an object/image is stopped from loading before completely loaded. ...

    Fires when an object/image is stopped from loading before completely loaded.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when an element loses focus either via the pointing device or by tabbing navigation. ...

    Fires when an element loses focus either via the pointing device or by tabbing navigation.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a control loses the input focus and its value has been modified since gaining focus. ...

    Fires when a control loses the input focus and its value has been modified since gaining focus.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a mouse click is detected within the element. ...

    Fires when a mouse click is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a right click is detected within the element. ...

    Fires when a right click is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a mouse double click is detected within the element. ...

    Fires when a mouse double click is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when an object/image/frame cannot be loaded properly. ...

    Fires when an object/image/frame cannot be loaded properly.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when an element receives focus either via the pointing device or by tab navigation. ...

    Fires when an element receives focus either via the pointing device or by tab navigation.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a keydown is detected within the element. ...

    Fires when a keydown is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a keypress is detected within the element. ...

    Fires when a keypress is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a keyup is detected within the element. ...

    Fires when a keyup is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when the user agent finishes loading all content within the element. ...

    Fires when the user agent finishes loading all content within the element. Only supported by window, frames, objects and images.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a mousedown is detected within the element. ...

    Fires when a mousedown is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when the mouse enters the element. ...

    Fires when the mouse enters the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when the mouse leaves the element. ...

    Fires when the mouse leaves the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a mousemove is detected with the element. ...

    Fires when a mousemove is detected with the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a mouseout is detected with the element. ...

    Fires when a mouseout is detected with the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a mouseover is detected within the element. ...

    Fires when a mouseover is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a mouseup is detected within the element. ...

    Fires when a mouseup is detected within the element.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a form is reset. ...

    Fires when a form is reset.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a document view is resized. ...

    Fires when a document view is resized.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a document view is scrolled. ...

    Fires when a document view is scrolled.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a user selects some text in a text field, including input and textarea. ...

    Fires when a user selects some text in a text field, including input and textarea.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when a form is submitted. ...

    Fires when a form is submitted.

    \n

    Parameters

    Ext.Element
    view source
    ( e, t, o )
    Fires when the user agent removes all content from a window or frame. ...

    Fires when the user agent removes all content from a window or frame. For elements, it fires when the target element or any of its content has been removed.

    \n

    Parameters

    ","superclasses":["Ext.Element"],"meta":{},"requires":[],"html_meta":{},"statics":{"property":[],"cfg":[],"css_var":[],"method":[],"event":[],"css_mixin":[]},"files":[{"href":"Layer.html#Ext-Layer","filename":"Layer.js"}],"linenr":1,"members":{"property":[{"tagname":"property","owner":"Ext.Element","meta":{},"name":"autoBoxAdjust","id":"property-autoBoxAdjust"},{"tagname":"property","owner":"Ext.Element","meta":{},"name":"defaultUnit","id":"property-defaultUnit"},{"tagname":"property","owner":"Ext.Element","meta":{},"name":"dom","id":"property-dom"},{"tagname":"property","owner":"Ext.Element","meta":{},"name":"id","id":"property-id"},{"tagname":"property","owner":"Ext.Element","meta":{},"name":"originalDisplay","id":"property-originalDisplay"}],"cfg":[{"tagname":"cfg","owner":"Ext.Layer","meta":{},"name":"cls","id":"cfg-cls"},{"tagname":"cfg","owner":"Ext.Layer","meta":{},"name":"constrain","id":"cfg-constrain"},{"tagname":"cfg","owner":"Ext.Layer","meta":{},"name":"dh","id":"cfg-dh"},{"tagname":"cfg","owner":"Ext.Layer","meta":{},"name":"shadow","id":"cfg-shadow"},{"tagname":"cfg","owner":"Ext.Layer","meta":{},"name":"shadowOffset","id":"cfg-shadowOffset"},{"tagname":"cfg","owner":"Ext.Layer","meta":{},"name":"shim","id":"cfg-shim"},{"tagname":"cfg","owner":"Ext.Layer","meta":{},"name":"useDisplay","id":"cfg-useDisplay"},{"tagname":"cfg","owner":"Ext.Layer","meta":{},"name":"zindex","id":"cfg-zindex"}],"css_var":[],"method":[{"tagname":"method","owner":"Ext.Layer","meta":{},"name":"constructor","id":"method-constructor"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"addClass","id":"method-addClass"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"addClassOnClick","id":"method-addClassOnClick"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"addClassOnFocus","id":"method-addClassOnFocus"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"addClassOnOver","id":"method-addClassOnOver"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"addKeyListener","id":"method-addKeyListener"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"addKeyMap","id":"method-addKeyMap"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"addListener","id":"method-addListener"},{"tagname":"method","owner":"Ext.Element","meta":{"private":true},"name":"addUnits","id":"method-addUnits"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"alignTo","id":"method-alignTo"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"anchorTo","id":"method-anchorTo"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"animate","id":"method-animate"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"appendChild","id":"method-appendChild"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"appendTo","id":"method-appendTo"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"applyStyles","id":"method-applyStyles"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"blur","id":"method-blur"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"boxWrap","id":"method-boxWrap"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"center","id":"method-center"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"child","id":"method-child"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"clean","id":"method-clean"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"clearOpacity","id":"method-clearOpacity"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"clearPositioning","id":"method-clearPositioning"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"clip","id":"method-clip"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"contains","id":"method-contains"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"createChild","id":"method-createChild"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"createProxy","id":"method-createProxy"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"createShim","id":"method-createShim"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"down","id":"method-down"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"enableDisplayMode","id":"method-enableDisplayMode"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"findParent","id":"method-findParent"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"findParentNode","id":"method-findParentNode"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"first","id":"method-first"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"fly","id":"method-fly"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"focus","id":"method-focus"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getAlignToXY","id":"method-getAlignToXY"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getAnchorXY","id":"method-getAnchorXY"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getAttribute","id":"method-getAttribute"},{"tagname":"method","owner":"Ext.Element","meta":{"deprecated":{"text":""}},"name":"getAttributeNS","id":"method-getAttributeNS"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getBorderWidth","id":"method-getBorderWidth"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getBottom","id":"method-getBottom"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getBox","id":"method-getBox"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getCenterXY","id":"method-getCenterXY"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getColor","id":"method-getColor"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getComputedHeight","id":"method-getComputedHeight"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getComputedWidth","id":"method-getComputedWidth"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getFrameWidth","id":"method-getFrameWidth"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getHeight","id":"method-getHeight"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getLeft","id":"method-getLeft"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getMargins","id":"method-getMargins"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getOffsetsTo","id":"method-getOffsetsTo"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getPadding","id":"method-getPadding"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getPositioning","id":"method-getPositioning"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getRegion","id":"method-getRegion"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getRight","id":"method-getRight"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getScroll","id":"method-getScroll"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getSize","id":"method-getSize"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getStyle","id":"method-getStyle"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getStyleSize","id":"method-getStyleSize"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getStyles","id":"method-getStyles"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getTextWidth","id":"method-getTextWidth"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getTop","id":"method-getTop"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getUpdater","id":"method-getUpdater"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getValue","id":"method-getValue"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getViewSize","id":"method-getViewSize"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getWidth","id":"method-getWidth"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getX","id":"method-getX"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getXY","id":"method-getXY"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"getY","id":"method-getY"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"hasClass","id":"method-hasClass"},{"tagname":"method","owner":"Ext.Element","meta":{"private":true},"name":"hasMetrics","id":"method-hasMetrics"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"hide","id":"method-hide"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"hover","id":"method-hover"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"initDD","id":"method-initDD"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"initDDProxy","id":"method-initDDProxy"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"initDDTarget","id":"method-initDDTarget"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"insertAfter","id":"method-insertAfter"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"insertBefore","id":"method-insertBefore"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"insertFirst","id":"method-insertFirst"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"insertHtml","id":"method-insertHtml"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"insertSibling","id":"method-insertSibling"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"is","id":"method-is"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"isBorderBox","id":"method-isBorderBox"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"isDisplayed","id":"method-isDisplayed"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"isMasked","id":"method-isMasked"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"isScrollable","id":"method-isScrollable"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"isVisible","id":"method-isVisible"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"last","id":"method-last"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"load","id":"method-load"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"mask","id":"method-mask"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"move","id":"method-move"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"moveTo","id":"method-moveTo"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"next","id":"method-next"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"on","id":"method-on"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"parent","id":"method-parent"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"position","id":"method-position"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"prev","id":"method-prev"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"purgeAllListeners","id":"method-purgeAllListeners"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"query","id":"method-query"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"radioClass","id":"method-radioClass"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"relayEvent","id":"method-relayEvent"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"remove","id":"method-remove"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"removeAllListeners","id":"method-removeAllListeners"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"removeAnchor","id":"method-removeAnchor"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"removeClass","id":"method-removeClass"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"removeListener","id":"method-removeListener"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"repaint","id":"method-repaint"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"replace","id":"method-replace"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"replaceClass","id":"method-replaceClass"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"replaceWith","id":"method-replaceWith"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"scroll","id":"method-scroll"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"scrollIntoView","id":"method-scrollIntoView"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"scrollTo","id":"method-scrollTo"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"select","id":"method-select"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"set","id":"method-set"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setBottom","id":"method-setBottom"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setBounds","id":"method-setBounds"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setBox","id":"method-setBox"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setDisplayed","id":"method-setDisplayed"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setHeight","id":"method-setHeight"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setLeft","id":"method-setLeft"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setLeftTop","id":"method-setLeftTop"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setLocation","id":"method-setLocation"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setOpacity","id":"method-setOpacity"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setPositioning","id":"method-setPositioning"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setRegion","id":"method-setRegion"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setRight","id":"method-setRight"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setSize","id":"method-setSize"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setStyle","id":"method-setStyle"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setTop","id":"method-setTop"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setVisibilityMode","id":"method-setVisibilityMode"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setVisible","id":"method-setVisible"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setWidth","id":"method-setWidth"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setX","id":"method-setX"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setXY","id":"method-setXY"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"setY","id":"method-setY"},{"tagname":"method","owner":"Ext.Layer","meta":{"chainable":true},"name":"setZIndex","id":"method-setZIndex"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"show","id":"method-show"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"swallowEvent","id":"method-swallowEvent"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"toggle","id":"method-toggle"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"toggleClass","id":"method-toggleClass"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"translatePoints","id":"method-translatePoints"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"un","id":"method-un"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"unclip","id":"method-unclip"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"unmask","id":"method-unmask"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"unselectable","id":"method-unselectable"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"up","id":"method-up"},{"tagname":"method","owner":"Ext.Element","meta":{"chainable":true},"name":"update","id":"method-update"},{"tagname":"method","owner":"Ext.Element","meta":{},"name":"wrap","id":"method-wrap"}],"event":[{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMActivate","id":"event-DOMActivate"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMAttrModified","id":"event-DOMAttrModified"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMCharacterDataModified","id":"event-DOMCharacterDataModified"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMFocusIn","id":"event-DOMFocusIn"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMFocusOut","id":"event-DOMFocusOut"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMNodeInserted","id":"event-DOMNodeInserted"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMNodeInsertedIntoDocument","id":"event-DOMNodeInsertedIntoDocument"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMNodeRemoved","id":"event-DOMNodeRemoved"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMNodeRemovedFromDocument","id":"event-DOMNodeRemovedFromDocument"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"DOMSubtreeModified","id":"event-DOMSubtreeModified"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"abort","id":"event-abort"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"blur","id":"event-blur"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"change","id":"event-change"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"click","id":"event-click"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"contextmenu","id":"event-contextmenu"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"dblclick","id":"event-dblclick"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"error","id":"event-error"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"focus","id":"event-focus"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"keydown","id":"event-keydown"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"keypress","id":"event-keypress"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"keyup","id":"event-keyup"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"load","id":"event-load"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"mousedown","id":"event-mousedown"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"mouseenter","id":"event-mouseenter"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"mouseleave","id":"event-mouseleave"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"mousemove","id":"event-mousemove"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"mouseout","id":"event-mouseout"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"mouseover","id":"event-mouseover"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"mouseup","id":"event-mouseup"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"reset","id":"event-reset"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"resize","id":"event-resize"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"scroll","id":"event-scroll"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"select","id":"event-select"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"submit","id":"event-submit"},{"tagname":"event","owner":"Ext.Element","meta":{},"name":"unload","id":"event-unload"}],"css_mixin":[]},"inheritable":null,"private":null,"component":false,"name":"Ext.Layer","singleton":false,"override":null,"inheritdoc":null,"id":"class-Ext.Layer","mixins":[],"mixedInto":[]});