Ext.data.JsonP.Ext({"alternateClassNames":[],"aliases":{},"enum":null,"parentMixins":[],"tagname":"class","subclasses":[],"extends":null,"uses":[],"html":"

Files

The Ext namespace (global object) encapsulates all classes, singletons, and\nutility methods provided by Sencha's libraries.

\n\n

Most user interface Components are at a lower level of nesting in the namespace,\nbut many common utility functions are provided as direct properties of the Ext namespace.

\n\n

Also many frequently used methods from other classes are provided as shortcuts\nwithin the Ext namespace. For example Ext.getCmp aliases\nExt.ComponentManager.get.

\n\n

Many applications are initiated with Ext.onReady which is\ncalled once the DOM is ready. This ensures all scripts have been loaded,\npreventing dependency issues. For example:

\n\n
Ext.onReady(function(){\n    new Ext.Component({\n        renderTo: document.body,\n        html: 'DOM ready!'\n    });\n});\n
\n\n

For more information about how to use the Ext classes, see:

\n\n\n\n
Defined By

Properties

URL to a 1x1 transparent gif image used by Ext to create inline icons with\nCSS background images. ...

URL to a 1x1 transparent gif image used by Ext to create inline icons with\nCSS background images. In older versions of IE, this defaults to\n\"http://sencha.com/s.gif\" and you should change this to a URL on your server.\nFor other browsers it uses an inline data URL.

\n
\n
\n
URL to a blank file used by Ext when in secure mode for iframe src and onReady src\nto prevent the IE insecure content...

URL to a blank file used by Ext when in secure mode for iframe src and onReady src\nto prevent the IE insecure content warning ('about:blank', except for IE\nin secure mode, which is 'javascript:\"\"').

\n
Indicates whether to use native browser parsing for JSON methods. ...

Indicates whether to use native browser parsing for JSON methods.\nThis option is ignored if the browser does not support native JSON methods.

\n\n

Note: Native JSON methods will not work with objects that have functions.\nAlso, property names must be quoted, otherwise the data will not parse.

\n

Defaults to: false

The current version of Chrome (0 if the browser is not Chrome).

\n

The current version of Chrome (0 if the browser is not Chrome).

\n

A reusable empty function

\n

A reusable empty function

\n
A zero length string which will pass a truth test. ...

A zero length string which will pass a truth test. Useful for passing to methods\nwhich use a truth test to reject falsy values where a string value must be cleared.

\n

True if the Ext.fx.Anim Class is available.

\n

True if the Ext.fx.Anim Class is available.

\n
True to automatically uncache orphaned Ext.Elements periodically ...

True to automatically uncache orphaned Ext.Elements periodically

\n

Defaults to: true

True to automatically purge event listeners during garbageCollection. ...

True to automatically purge event listeners during garbageCollection.

\n

Defaults to: true

Experimental. ...

Experimental. True to cascade listener removal to child elements when an element\nis removed. Currently not optimized for performance.

\n

Defaults to: false

An array containing extra enumerables for old browsers

\n

An array containing extra enumerables for old browsers

\n

The current version of Firefox (0 if the browser is not Firefox).

\n

The current version of Firefox (0 if the browser is not Firefox).

\n
...
\n

Defaults to: {}

An instance of Ext.util.Observable through which Ext fires global events. ...

An instance of Ext.util.Observable through which Ext fires global events.

\n\n

This Observable instance fires the following events:

\n\n
    \n
  • idle

    \n\n

    Fires when an event handler finishes its run, just before returning to browser control.

    \n\n

    This includes DOM event handlers, Ajax (including JSONP) event handlers, and TaskRunners

    \n\n

    This can be useful for performing cleanup, or update tasks which need to happen only\nafter all code in an event handler has been run, but which should not be executed in a timer\ndue to the intervening browser reflow/repaint which would take place.

  • \n
  • ready

    \n\n

    Fires when the DOM is ready, and all required classes have been loaded. Functionally\n the same as onReady, but must be called with the single option:

    \n\n
      Ext.on({\n      ready: function() {\n          console.log('document is ready!');\n      },\n      single: true\n  }); \n
  • \n
  • resumelayouts

    \n\n

    Fires after global layout processing has been resumed in Ext.AbstractComponent.resumeLayouts.

  • \n
\n\n
The current version of IE (0 if the browser is not IE). ...

The current version of IE (0 if the browser is not IE). This does not account\nfor the documentMode of the current page, which is factored into isIE7,\nisIE8 and isIE9. Thus this is not always true:

\n\n
Ext.isIE8 == (Ext.ieVersion == 8)\n
\n

True if the detected browser is Chrome.

\n

True if the detected browser is Chrome.

\n

True if the detected browser uses FireFox 10

\n

True if the detected browser uses FireFox 10

\n

True if the detected browser uses FireFox 3.0

\n

True if the detected browser uses FireFox 3.0

\n

True if the detected browser uses FireFox 3.5

\n

True if the detected browser uses FireFox 3.5

\n

True if the detected browser uses FireFox 3.6

\n

True if the detected browser uses FireFox 3.6

\n

True if the detected browser uses FireFox 4

\n

True if the detected browser uses FireFox 4

\n

True if the detected browser uses FireFox 5

\n

True if the detected browser uses FireFox 5

\n
True if the detected browser uses the Gecko layout engine (e.g. ...

True if the detected browser uses the Gecko layout engine (e.g. Mozilla, Firefox).

\n
True if the detected browser uses a Gecko 5.0+ layout engine (e.g. ...

True if the detected browser uses a Gecko 5.0+ layout engine (e.g. Firefox 5.x).

\n
True if the detected browser uses a Gecko 1.9+ layout engine (e.g. ...

True if the detected browser uses a Gecko 1.9+ layout engine (e.g. Firefox 3.x).

\n
True if the detected browser uses a Gecko 2.0+ layout engine (e.g. ...

True if the detected browser uses a Gecko 2.0+ layout engine (e.g. Firefox 4.x).

\n
True if the detected browser uses a Gecko 5.0+ layout engine (e.g. ...

True if the detected browser uses a Gecko 5.0+ layout engine (e.g. Firefox 5.x).

\n

True if the detected browser is Internet Explorer.

\n

True if the detected browser is Internet Explorer.

\n

True if the detected browser is Internet Explorer 10.x.

\n

True if the detected browser is Internet Explorer 10.x.

\n

True if the detected browser is Internet Explorer 10.x or lower.

\n

True if the detected browser is Internet Explorer 10.x or lower.

\n

True if the detected browser is Internet Explorer 10.x or higher.

\n

True if the detected browser is Internet Explorer 10.x or higher.

\n

True if the detected browser is Internet Explorer 6.x.

\n

True if the detected browser is Internet Explorer 6.x.

\n

True if the detected browser is Internet Explorer 7.x.

\n

True if the detected browser is Internet Explorer 7.x.

\n

True if the detected browser is Internet Explorer 7.x or lower.

\n

True if the detected browser is Internet Explorer 7.x or lower.

\n

True if the detected browser is Internet Explorer 7.x or higher.

\n

True if the detected browser is Internet Explorer 7.x or higher.

\n

True if the detected browser is Internet Explorer 8.x.

\n

True if the detected browser is Internet Explorer 8.x.

\n

True if the detected browser is Internet Explorer 8.x or lower.

\n

True if the detected browser is Internet Explorer 8.x or lower.

\n

True if the detected browser is Internet Explorer 8.x or higher.

\n

True if the detected browser is Internet Explorer 8.x or higher.

\n

True if the detected browser is Internet Explorer 9.x.

\n

True if the detected browser is Internet Explorer 9.x.

\n

True if the detected browser is Internet Explorer 9.x or lower.

\n

True if the detected browser is Internet Explorer 9.x or lower.

\n

True if the detected browser is Internet Explorer 9.x or higher.

\n

True if the detected browser is Internet Explorer 9.x or higher.

\n

True if the detected platform is Linux.

\n

True if the detected platform is Linux.

\n

True if the detected platform is Mac OS.

\n

True if the detected platform is Mac OS.

\n

True if the detected browser is Opera.

\n

True if the detected browser is Opera.

\n

True if the detected browser is Opera 10.5x.

\n

True if the detected browser is Opera 10.5x.

\n
True when the document is fully initialized and ready for action ...

True when the document is fully initialized and ready for action

\n

Defaults to: false

True if the detected browser is Safari.

\n

True if the detected browser is Safari.

\n

True if the detected browser is Safari 2.x.

\n

True if the detected browser is Safari 2.x.

\n

True if the detected browser is Safari 3.x.

\n

True if the detected browser is Safari 3.x.

\n

True if the detected browser is Safari 4.x.

\n

True if the detected browser is Safari 4.x.

\n

True if the detected browser is Safari 5.x.

\n

True if the detected browser is Safari 5.x.

\n

True if the detected browser is Safari 5.0.x.

\n

True if the detected browser is Safari 5.0.x.

\n

True if the page is running over SSL

\n

True if the page is running over SSL

\n

True if the detected browser uses WebKit.

\n

True if the detected browser uses WebKit.

\n

True if the detected platform is Windows.

\n

True if the detected platform is Windows.

\n
The name of the property in the global namespace (The window in browser environments) which refers to the current ins...

The name of the property in the global namespace (The window in browser environments) which refers to the current instance of Ext.

\n\n\n

This is usually \"Ext\", but if a sandboxed build of ExtJS is being used, this will be an alternative name.

\n\n\n

If code is being generated for use by eval or to create a new Function, and the global instance\nof Ext must be referenced, this is the name that should be built into the code.

\n\n

Defaults to: 'Ext'

The current version of Opera (0 if the browser is not Opera).

\n

The current version of Opera (0 if the browser is not Opera).

\n
the top level hierarchy state to which\nall other hierarchy states are chained. ...

the top level hierarchy state to which\nall other hierarchy states are chained. If there is a viewport instance,\nthis object becomes the viewport's heirarchyState. See also\nExt.AbstractComponent.getHierarchyState

\n

Defaults to: {}

The current version of Safari (0 if the browser is not Safari).

\n

The current version of Safari (0 if the browser is not Safari).

\n
By default, Ext intelligently decides whether floating elements should be shimmed. ...

By default, Ext intelligently decides whether floating elements should be shimmed.\nIf you are using flash, you may want to set this to true.

\n
...
\n

Defaults to: {}

The current version of WebKit (0 if the browser does not use WebKit).

\n

The current version of WebKit (0 if the browser does not use WebKit).

\n
Defined By

Methods

Applies event listeners to elements by selectors when the document is ready. ...

Applies event listeners to elements by selectors when the document is ready.\nThe event name is specified with an @ suffix.

\n\n
Ext.addBehaviors({\n    // add a listener for click on all anchors in element with id foo\n    '#foo a@click' : function(e, t){\n        // do something\n    },\n\n    // add the same listener to multiple selectors (separated by comma BEFORE the @)\n    '#foo a, #bar span.some-class@mouseover' : function(){\n        // do something\n    }\n});\n
\n

Parameters

  • obj : Object

    The list of behaviors to apply

    \n
( namespace )
Adds namespace(s) to known list. ...

Adds namespace(s) to known list.

\n

Parameters

Loads Ext.app.Application class and starts it up with given configuration after the\npage is ready. ...

Loads Ext.app.Application class and starts it up with given configuration after the\npage is ready.

\n\n

See Ext.app.Application for details.

\n

Parameters

( object, config, [defaults] ) : Object
Copies all the properties of config to the specified object. ...

Copies all the properties of config to the specified object.\nNote that if recursive merging and cloning without referencing the original objects / arrays is needed, use\nExt.Object.merge instead.

\n

Parameters

  • object : Object

    The receiver of the properties

    \n
  • config : Object

    The source of the properties

    \n
  • defaults : Object (optional)

    A different object that will also be applied for default values

    \n

Returns

( object, config ) : Object
Copies all the properties of config to object if they don't already exist. ...

Copies all the properties of config to object if they don't already exist.

\n

Parameters

  • object : Object

    The receiver of the properties

    \n
  • config : Object

    The source of the properties

    \n

Returns

( fn, [scope] )
Utility wrapper that suspends layouts of all components for the duration of a given function. ...

Utility wrapper that suspends layouts of all components for the duration of a given function.

\n

Parameters

  • fn : Function

    The function to execute.

    \n
  • scope : Object (optional)

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

    \n
( fn, [scope], [args], [appendArgs] ) : Function
Create a new function from the provided fn, change this to the provided scope, optionally\noverrides arguments for the...

Create a new function from the provided fn, change this to the provided scope, optionally\noverrides arguments for the call. (Defaults to the arguments passed by the caller)

\n\n

Ext.bind is alias for Ext.Function.bind

\n

Parameters

  • fn : Function

    The function to delegate.

    \n
  • scope : Object (optional)

    The scope (this reference) in which the function is executed.\nIf omitted, defaults to the default global environment object (usually the browser window).

    \n
  • args : Array (optional)

    Overrides arguments for the call. (Defaults to the arguments passed by the caller)

    \n
  • appendArgs : Boolean/Number (optional)

    if True args are appended to call args instead of overriding,\nif a number the args are inserted at the specified position

    \n

Returns

( callback, [scope], [args], [delay] ) : Object
Execute a callback function in a particular scope. ...

Execute a callback function in a particular scope. If callback argument is a\nfunction reference, that is called. If it is a string, the string is assumed to\nbe the name of a method on the given scope. If no function is passed the call\nis ignored.

\n\n

For example, these calls are equivalent:

\n\n
 var myFunc = this.myFunc;\n\n Ext.callback('myFunc', this, [arg1, arg2]);\n Ext.callback(myFunc, this, [arg1, arg2]);\n\n Ext.isFunction(myFunc) && this.myFunc(arg1, arg2);\n
\n

Parameters

  • callback : Function

    The callback to execute

    \n
  • scope : Object (optional)

    The scope to execute in

    \n
  • args : Array (optional)

    The arguments to pass to the function

    \n
  • delay : Number (optional)

    Pass a number to delay the call by a number of milliseconds.

    \n

Returns

  • Object

    The value returned by the callback or undefined (if there is a delay\nor if the callback is not a function).

    \n
( array ) : Arraydeprecated
Old alias to Ext.Array.clean\n\nFilter through an array and remove empty item as defined in Ext.isEmpty\n\nSee Ext.Array....

Old alias to Ext.Array.clean

\n\n

Filter through an array and remove empty item as defined in Ext.isEmpty

\n\n

See Ext.Array.filter

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Array.clean instead

\n\n
\n

Parameters

Returns

Clear all namespaces from known list. ...

Clear all namespaces from known list.

\n
Clone simple variables including array, {}-like objects, DOM nodes and Date without keeping the old reference. ...

Clone simple variables including array, {}-like objects, DOM nodes and Date without keeping the old reference.\nA reference for the object itself is returned if it's not a direct decendant of Object. For model cloning,\nsee Model.copy.

\n

Parameters

  • item : Object

    The variable to clone

    \n

Returns

( from, to ) : Object
Coerces the first value if possible so that it is comparable to the second value. ...

Coerces the first value if possible so that it is comparable to the second value.

\n\n

Coercion only works between the basic atomic data types String, Boolean, Number, Date, null and undefined.

\n\n

Numbers and numeric strings are coerced to Dates using the value as the millisecond era value.

\n\n

Strings are coerced to Dates by parsing using the defaultFormat.

\n\n

For example

\n\n
Ext.coerce('false', true);\n
\n\n

returns the boolean value false because the second parameter is of type Boolean.

\n

Parameters

  • from : Mixed

    The value to coerce

    \n
  • to : Mixed

    The value it must be compared against

    \n

Returns

( paths )private
...
\n

Parameters

( dest, source, names, [usePrototypeKeys] ) : Object
Copies a set of named properties fom the source object to the destination object. ...

Copies a set of named properties fom the source object to the destination object.

\n\n

Example:

\n\n
ImageComponent = Ext.extend(Ext.Component, {\n    initComponent: function() {\n        this.autoEl = { tag: 'img' };\n        MyComponent.superclass.initComponent.apply(this, arguments);\n        this.initialBox = Ext.copyTo({}, this.initialConfig, 'x,y,width,height');\n    }\n});\n
\n\n

Important note: To borrow class prototype methods, use Ext.Base.borrow instead.

\n

Parameters

  • dest : Object

    The destination object.

    \n
  • source : Object

    The source object.

    \n
  • names : String/String[]

    Either an Array of property names, or a comma-delimited list\nof property names to copy.

    \n
  • usePrototypeKeys : Boolean (optional)

    Defaults to false. Pass true to copy keys off of the\nprototype as well as the instance.

    \n

Returns

( [name], [args] ) : Object
Instantiate a class by either full name, alias or alternate name. ...

Instantiate a class by either full name, alias or alternate name.

\n\n

If Ext.Loader is enabled and the class has\nnot been defined yet, it will attempt to load the class via synchronous loading.

\n\n

For example, all these three lines return the same result:

\n\n
 // alias\n var window = Ext.create('widget.window', {\n     width: 600,\n     height: 800,\n     ...\n });\n\n // alternate name\n var window = Ext.create('Ext.Window', {\n     width: 600,\n     height: 800,\n     ...\n });\n\n // full class name\n var window = Ext.create('Ext.window.Window', {\n     width: 600,\n     height: 800,\n     ...\n });\n\n // single object with xclass property:\n var window = Ext.create({\n     xclass: 'Ext.window.Window', // any valid value for 'name' (above)\n     width: 600,\n     height: 800,\n     ...\n });\n
\n

Parameters

  • name : String (optional)

    The class name or alias. Can be specified as xclass\nproperty if only one object parameter is specified.

    \n
  • args : Object... (optional)

    Additional arguments after the name will be passed to\nthe class' constructor.

    \n

Returns

( alias, args ) : Object
Instantiate a class by its alias. ...

Instantiate a class by its alias.

\n\n

Ext.ClassManager.instantiateByAlias is usually invoked by the shorthand createByAlias.

\n\n

If Ext.Loader is enabled and the class has not been defined yet, it will\nattempt to load the class via synchronous loading.

\n\n
var window = Ext.createByAlias('widget.window', { width: 600, height: 800, ... });\n
\n

Parameters

  • alias : String
    \n
  • args : Object...

    Additional arguments after the alias will be passed to the\nclass constructor.

    \n

Returns

( )deprecated
Old name for widget. ...

Old name for widget.

\n
\n

This method has been deprecated since 4.0.0

\n

Use widget instead.

\n\n
\n
( json, [safe] ) : Object
Shorthand for Ext.JSON.decode\n\nDecodes (parses) a JSON string to an object. ...

Shorthand for Ext.JSON.decode

\n\n

Decodes (parses) a JSON string to an object. If the JSON is invalid, this function throws\na SyntaxError unless the safe option is set.

\n

Parameters

  • json : String

    The JSON string

    \n
  • safe : Boolean (optional)

    True to return null, false to throw an exception if the JSON is invalid.

    \n

    Defaults to: false

Returns

( fn, millis, [scope], [args], [appendArgs] ) : Number
Calls this function after the number of millseconds specified, optionally in a specific scope. ...

Calls this function after the number of millseconds specified, optionally in a specific scope. Example usage:

\n\n
var sayHi = function(name){\n    alert('Hi, ' + name);\n}\n\n// executes immediately:\nsayHi('Fred');\n\n// executes after 2 seconds:\nExt.Function.defer(sayHi, 2000, this, ['Fred']);\n\n// this syntax is sometimes useful for deferring\n// execution of an anonymous function:\nExt.Function.defer(function(){\n    alert('Anonymous');\n}, 100);\n
\n\n

Ext.defer is alias for Ext.Function.defer

\n

Parameters

  • fn : Function

    The function to defer.

    \n
  • millis : Number

    The number of milliseconds for the setTimeout call\n(if less than or equal to 0 the function is executed immediately)

    \n
  • scope : Object (optional)

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

    \n
  • args : Array (optional)

    Overrides arguments for the call. (Defaults to the arguments passed by the caller)

    \n
  • appendArgs : Boolean/Number (optional)

    if True args are appended to call args instead of overriding,\nif a number the args are inserted at the specified position

    \n

Returns

  • Number

    The timeout id that can be used with clearTimeout

    \n
( className, data, createdFn ) : Ext.Base
Defines a class or override. ...

Defines a class or override. A basic class is defined like this:

\n\n
 Ext.define('My.awesome.Class', {\n     someProperty: 'something',\n\n     someMethod: function(s) {\n         alert(s + this.someProperty);\n     }\n\n     ...\n });\n\n var obj = new My.awesome.Class();\n\n obj.someMethod('Say '); // alerts 'Say something'\n
\n\n

To create an anonymous class, pass null for the className:

\n\n
 Ext.define(null, {\n     constructor: function () {\n         // ...\n     }\n });\n
\n\n

In some cases, it is helpful to create a nested scope to contain some private\nproperties. The best way to do this is to pass a function instead of an object\nas the second parameter. This function will be called to produce the class\nbody:

\n\n
 Ext.define('MyApp.foo.Bar', function () {\n     var id = 0;\n\n     return {\n         nextId: function () {\n             return ++id;\n         }\n     };\n });\n
\n\n

Note that when using override, the above syntax will not override successfully, because\nthe passed function would need to be executed first to determine whether or not the result\nis an override or defining a new object. As such, an alternative syntax that immediately\ninvokes the function can be used:

\n\n
 Ext.define('MyApp.override.BaseOverride', function () {\n     var counter = 0;\n\n     return {\n         override: 'Ext.Component',\n         logId: function () {\n             console.log(++counter, this.id);\n         }\n     };\n }());\n
\n\n

When using this form of Ext.define, the function is passed a reference to its\nclass. This can be used as an efficient way to access any static properties you\nmay have:

\n\n
 Ext.define('MyApp.foo.Bar', function (Bar) {\n     return {\n         statics: {\n             staticMethod: function () {\n                 // ...\n             }\n         },\n\n         method: function () {\n             return Bar.staticMethod();\n         }\n     };\n });\n
\n\n

To define an override, include the override property. The content of an\noverride is aggregated with the specified class in order to extend or modify\nthat class. This can be as simple as setting default property values or it can\nextend and/or replace methods. This can also extend the statics of the class.

\n\n

One use for an override is to break a large class into manageable pieces.

\n\n
 // File: /src/app/Panel.js\n\n Ext.define('My.app.Panel', {\n     extend: 'Ext.panel.Panel',\n     requires: [\n         'My.app.PanelPart2',\n         'My.app.PanelPart3'\n     ]\n\n     constructor: function (config) {\n         this.callParent(arguments); // calls Ext.panel.Panel's constructor\n         //...\n     },\n\n     statics: {\n         method: function () {\n             return 'abc';\n         }\n     }\n });\n\n // File: /src/app/PanelPart2.js\n Ext.define('My.app.PanelPart2', {\n     override: 'My.app.Panel',\n\n     constructor: function (config) {\n         this.callParent(arguments); // calls My.app.Panel's constructor\n         //...\n     }\n });\n
\n\n

Another use of overrides is to provide optional parts of classes that can be\nindependently required. In this case, the class may even be unaware of the\noverride altogether.

\n\n
 Ext.define('My.ux.CoolTip', {\n     override: 'Ext.tip.ToolTip',\n\n     constructor: function (config) {\n         this.callParent(arguments); // calls Ext.tip.ToolTip's constructor\n         //...\n     }\n });\n
\n\n

The above override can now be required as normal.

\n\n
 Ext.define('My.app.App', {\n     requires: [\n         'My.ux.CoolTip'\n     ]\n });\n
\n\n

Overrides can also contain statics:

\n\n
 Ext.define('My.app.BarMod', {\n     override: 'Ext.foo.Bar',\n\n     statics: {\n         method: function (x) {\n             return this.callParent([x * 2]); // call Ext.foo.Bar.method\n         }\n     }\n });\n
\n\n

IMPORTANT: An override is only included in a build if the class it overrides is\nrequired. Otherwise, the override, like the target class, is not included.

\n

Parameters

  • className : String

    The class name to create in string dot-namespaced format, for example:\n'My.very.awesome.Class', 'FeedViewer.plugin.CoolPager'\nIt is highly recommended to follow this simple convention:\n - The root and the class name are 'CamelCased'\n - Everything else is lower-cased\nPass null to create an anonymous class.

    \n
  • data : Object

    The key - value pairs of properties to apply to this class. Property names can be of any valid\nstrings, except those in the reserved listed below:\n - mixins\n - statics\n - config\n - alias\n - self\n - singleton\n - alternateClassName\n - override

    \n
  • createdFn : Function

    Optional callback to execute after the class is created, the execution scope of which\n(this) will be the newly created class itself.

    \n

Returns

( packageName, since, closure, scope )
Create a closure for deprecated code. ...

Create a closure for deprecated code.

\n\n
// This means Ext.oldMethod is only supported in 4.0.0beta and older.\n// If Ext.getVersion('extjs') returns a version that is later than '4.0.0beta', for example '4.0.0RC',\n// the closure will not be invoked\nExt.deprecate('extjs', '4.0.0beta', function() {\n    Ext.oldMethod = Ext.newMethod;\n\n    ...\n});\n
\n

Parameters

  • packageName : String

    The package name

    \n
  • since : String

    The last version before it's deprecated

    \n
  • closure : Function

    The callback function to be executed with the specified version is less than the current version

    \n
  • scope : Object

    The execution scope (this) if the closure

    \n
Attempts to destroy any objects passed to it by removing all event listeners, removing them from the\nDOM (if applicab...

Attempts to destroy any objects passed to it by removing all event listeners, removing them from the\nDOM (if applicable) and calling their destroy functions (if available). This method is primarily\nintended for arguments of type Ext.Element and Ext.Component, but any subclass of\nExt.util.Observable can be passed in. Any number of elements and/or components can be\npassed into this function in a single call as separate arguments.

\n

Parameters

Attempts to destroy and then remove a set of named properties of the passed object. ...

Attempts to destroy and then remove a set of named properties of the passed object.

\n

Parameters

  • o : Object

    The object (most likely a Component) who's properties you wish to destroy.

    \n
  • args : String...

    One or more names of the properties to destroy and remove from the object.

    \n
( iterable, fn, [scope], [reverse] ) : Boolean
Iterates an array or an iterable value and invoke the given callback function for each item. ...

Iterates an array or an iterable value and invoke the given callback function for each item.

\n\n
var countries = ['Vietnam', 'Singapore', 'United States', 'Russia'];\n\nExt.Array.each(countries, function(name, index, countriesItSelf) {\n    console.log(name);\n});\n\nvar sum = function() {\n    var sum = 0;\n\n    Ext.Array.each(arguments, function(value) {\n        sum += value;\n    });\n\n    return sum;\n};\n\nsum(1, 2, 3); // returns 6\n
\n\n

The iteration can be stopped by returning false in the function callback.

\n\n
Ext.Array.each(countries, function(name, index, countriesItSelf) {\n    if (name === 'Singapore') {\n        return false; // break here\n    }\n});\n
\n\n

Ext.each is alias for Ext.Array.each

\n

Parameters

  • iterable : Array/NodeList/Object

    The value to be iterated. If this\nargument is not iterable, the callback function is called once.

    \n
  • fn : Function

    The callback function. If it returns false, the iteration stops and this method returns\nthe current index.

    \n

    Parameters

    • item : Object

      The item at the current index in the passed array

      \n
    • index : Number

      The current index within the array

      \n
    • allItems : Array

      The array itself which was passed as the first argument

      \n

    Returns

    • Boolean

      Return false to stop iteration.

      \n
  • scope : Object (optional)

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

    \n
  • reverse : Boolean (optional)

    Reverse the iteration order (loop from the end to the beginning)\nDefaults false

    \n

Returns

  • Boolean

    See description for the fn parameter.

    \n
Shorthand for Ext.JSON.encode\n\nEncodes an Object, Array or other value. ...

Shorthand for Ext.JSON.encode

\n\n

Encodes an Object, Array or other value.

\n\n

If the environment's native JSON encoding is not being used (USE_NATIVE_JSON is not set,\nor the environment does not support it), then ExtJS's encoding will be used. This allows the developer\nto add a toJSON method to their classes which need serializing to return a valid JSON representation\nof the object.

\n

Parameters

  • o : Object

    The variable to encode

    \n

Returns

( str ) : Stringdeprecated
Escapes the passed string for use in a regular expression. ...

Escapes the passed string for use in a regular expression.

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.String.escapeRegex instead

\n\n
\n

Parameters

Returns

( excludes ) : Object
Convenient shortcut to Ext.Loader.exclude\n\nExplicitly exclude files from being loaded. ...

Convenient shortcut to Ext.Loader.exclude

\n\n

Explicitly exclude files from being loaded. Useful when used in conjunction with a broad include expression.\nCan be chained with more require and exclude methods, eg:

\n\n
Ext.exclude('Ext.data.*').require('*');\n\nExt.exclude('widget.button*').require('widget.*');\n
\n\n

exclude is alias for Ext.Loader.exclude.

\n

Parameters

Returns

  • Object

    object contains require method for chaining

    \n
( superclass, overrides ) : Functiondeprecated
This method deprecated. ...

This method deprecated. Use Ext.define instead.

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.define instead

\n\n
\n

Parameters

Returns

  • Function

    The subclass constructor from the overrides parameter, or a generated one if not provided.

    \n
( array ) : Arraydeprecated
Old alias to Ext.Array.flatten\n\nRecursively flattens into 1-d Array. ...

Old alias to Ext.Array.flatten

\n\n

Recursively flattens into 1-d Array. Injects Arrays inline.

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Array.flatten instead

\n\n
\n

Parameters

  • array : Array

    The array to flatten

    \n

Returns

( dom, [named] ) : Ext.dom.Element.Fly
Gets the singleton flyweight element, with the passed node as the active element. ...

Gets the singleton flyweight element, with the passed node as the active element.

\n\n

Because it is a singleton, this Flyweight does not have an ID, and must be used and discarded in a single line.\nYou may not keep and use the reference to this singleton over multiple lines because methods that you call\nmay themselves make use of fly and may change the DOM element to which the instance refers.

\n\n

fly is alias for Ext.dom.AbstractElement.fly.

\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 will be more appropriate to take advantage of the caching provided by the Ext.dom.Element\nclass.

\n

Parameters

  • dom : String/HTMLElement

    The dom node or id

    \n
  • named : String (optional)

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

    \n

Returns

Retrieves Ext.dom.Element objects. ...

Retrieves Ext.dom.Element objects. get is alias for Ext.dom.Element.get.

\n\n

This method does not retrieve Components. This method retrieves Ext.dom.Element\nobjects which encapsulate DOM elements. To retrieve a Component by its ID, use Ext.ComponentManager.get.

\n\n

When passing an id, it should not include the # character that is used for a css selector.

\n\n
// For an element with id 'foo'\nExt.get('foo'); // Correct\nExt.get('#foo'); // Incorrect\n
\n\n

Uses simple caching to consistently return the same object. Automatically fixes if an object was recreated with\nthe same id via AJAX or DOM.

\n

Parameters

  • el : String/HTMLElement/Ext.Element

    The id of the node, a DOM Node or an existing Element.

    \n

Returns

  • Ext.dom.Element

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

    \n
Returns the current document body as an Ext.Element. ...

Returns the current document body as an Ext.Element.

\n

Returns

Get the class of the provided object; returns null if it's not an instance\nof any class created with Ext.define. ...

Get the class of the provided object; returns null if it's not an instance\nof any class created with Ext.define.

\n\n

Ext.ClassManager.getClass is usually invoked by the shorthand getClass.

\n\n
var component = new Ext.Component();\n\nExt.getClass(component); // returns Ext.Component\n
\n

Parameters

Returns

Get the name of the class by its reference or its instance;\n\nExt.ClassManager.getName is usually invoked by the short...

Get the name of the class by its reference or its instance;

\n\n

Ext.ClassManager.getName is usually invoked by the shorthand getClassName.

\n\n
Ext.getName(Ext.Action); // returns \"Ext.Action\"\n
\n

Parameters

Returns

This is shorthand reference to Ext.ComponentManager.get. ...

This is shorthand reference to Ext.ComponentManager.get.\nLooks up an existing Component by id

\n

Parameters

Returns

...
\n
Returns the current HTML document object as an Ext.Element. ...

Returns the current HTML document object as an Ext.Element.

\n

Returns

Returns the dom node for the passed String (id), dom node, or Ext.Element. ...

Returns the dom node for the passed String (id), dom node, or Ext.Element.\nOptional 'strict' flag is needed for IE since it can return 'name' and\n'id' elements by using getElementById.

\n\n

Here are some examples:

\n\n
// gets dom node based on id\nvar elDom = Ext.getDom('elId');\n// gets dom node based on the dom node\nvar elDom1 = Ext.getDom(elDom);\n\n// If we don't know if we are working with an\n// Ext.Element or a dom node use Ext.getDom\nfunction(el){\n    var dom = Ext.getDom(el);\n    // do something with the dom node\n}\n
\n\n

Note: the dom node to be found actually needs to exist (be rendered, etc)\nwhen this method is called to be successful.

\n

Parameters

Returns

...
\n

Parameters

Returns the current document head as an Ext.Element. ...

Returns the current document head as an Ext.Element.

\n

Returns

Get namespace prefix for a class name. ...

Get namespace prefix for a class name.

\n

Parameters

Returns

  • String

    Namespace prefix if it's known, otherwise undefined

    \n
Returns the current orientation of the mobile device ...

Returns the current orientation of the mobile device

\n

Returns

  • String

    Either 'portrait' or 'landscape'

    \n
( [force] ) : Numberdeprecated
Utility method for getting the width of the browser's vertical scrollbar. ...

Utility method for getting the width of the browser's vertical scrollbar. This\ncan differ depending on operating system settings, such as the theme or font size.

\n\n

This method is deprected in favor of getScrollbarSize.

\n
\n

This method has been deprecated

\n \n\n
\n

Parameters

  • force : Boolean (optional)

    true to force a recalculation of the value.

    \n

Returns

  • Number

    The width of a vertical scrollbar.

    \n
Returns the size of the browser scrollbars. ...

Returns the size of the browser scrollbars. This can differ depending on\noperating system settings, such as the theme or font size.

\n

Parameters

  • force : Boolean (optional)

    true to force a recalculation of the value.

    \n

Returns

  • Object

    An object containing scrollbar sizes.

    \n
    • width : Number

      The width of the vertical scrollbar.

      \n
    • height : Number

      The height of the horizontal scrollbar.

      \n
Shortcut to Ext.data.StoreManager.lookup. ...

Shortcut to Ext.data.StoreManager.lookup.

\n\n

Gets a registered Store by id

\n

Parameters

  • store : String/Object

    The id of the Store, or a Store instance, or a store configuration

    \n

Returns

Generate a unique reference of Ext in the global scope, useful for sandboxing ...

Generate a unique reference of Ext in the global scope, useful for sandboxing

\n
( [packageName] ) : Ext.Version
Get the version number of the supplied package name; will return the last registered version\n(last Ext.setVersion cal...

Get the version number of the supplied package name; will return the last registered version\n(last Ext.setVersion call) if there's no package name given.

\n

Parameters

  • packageName : String (optional)

    The package name, for example: 'core', 'touch', 'extjs'

    \n

Returns

( value ) : Stringdeprecated
Old alias to Ext.String.htmlDecode\n\nConvert certain characters (&, <, >, ', and \") from their HTML character e...

Old alias to Ext.String.htmlDecode

\n\n

Convert certain characters (&, <, >, ', and \") from their HTML character equivalents.

\n
\n

This method has been deprecated

\n

Use Ext.String.htmlDecode instead

\n\n
\n

Parameters

  • value : String

    The string to decode.

    \n

Returns

( value ) : Stringdeprecated
Old alias to Ext.String.htmlEncode\n\nConvert certain characters (&, <, >, ', and \") to their HTML character equ...

Old alias to Ext.String.htmlEncode

\n\n

Convert certain characters (&, <, >, ', and \") to their HTML character equivalents for literal display in web pages.

\n
\n

This method has been deprecated

\n

Use Ext.String.htmlEncode instead

\n\n
\n

Parameters

  • value : String

    The string to encode.

    \n

Returns

( [el], [prefix] ) : String
Generates unique ids. ...

Generates unique ids. If the element already has an id, it is unchanged

\n

Parameters

  • el : HTMLElement/Ext.Element (optional)

    The element to generate an id for

    \n
  • prefix : String (optional)

    Id prefix (defaults \"ext-gen\")

    \n

Returns

A reusable identity function. ...

A reusable identity function. The function will always return the first argument, unchanged.

\n

Parameters

( arr, methodName, args ) : Arraydeprecated
Invokes a method on each item in an Array. ...

Invokes a method on each item in an Array.

\n\n

Example:

\n\n
Ext.invoke(Ext.query(\"p\"), \"getAttribute\", \"id\");\n// [el1.getAttribute(\"id\"), el2.getAttribute(\"id\"), ..., elN.getAttribute(\"id\")]\n
\n
\n

This method has been deprecated since 4.0.0

\n

Will be removed in the next major version

\n\n
\n

Parameters

  • arr : Array/NodeList

    The Array of items to invoke the method on.

    \n
  • methodName : String

    The method name to invoke.

    \n
  • args : Object...

    Arguments to send into the method invocation.

    \n

Returns

  • Array

    The results of invoking the method on each item in the array.

    \n
Returns true if the passed value is a JavaScript Array, false otherwise. ...

Returns true if the passed value is a JavaScript Array, false otherwise.

\n

Parameters

  • target : Object

    The target to test

    \n

Returns

Returns true if the passed value is a boolean. ...

Returns true if the passed value is a boolean.

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

( object ) : Boolean
Returns true if the passed value is a JavaScript Date object, false otherwise. ...

Returns true if the passed value is a JavaScript Date object, false otherwise.

\n

Parameters

  • object : Object

    The object to test

    \n

Returns

Returns true if the passed value is defined. ...

Returns true if the passed value is defined.

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

Returns true if the passed value is an HTMLElement ...

Returns true if the passed value is an HTMLElement

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

( value, [allowEmptyString] ) : Boolean
Returns true if the passed value is empty, false otherwise. ...

Returns true if the passed value is empty, false otherwise. The value is deemed to be empty if it is either:

\n\n
    \n
  • null
  • \n
  • undefined
  • \n
  • a zero-length array
  • \n
  • a zero-length string (Unless the allowEmptyString parameter is set to true)
  • \n
\n\n

Parameters

  • value : Object

    The value to test

    \n
  • allowEmptyString : Boolean (optional)

    true to allow empty strings (defaults to false)

    \n

Returns

Returns true if the passed value is a JavaScript Function, false otherwise. ...

Returns true if the passed value is a JavaScript Function, false otherwise.

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

Returns true if the passed value is iterable, that is, if elements of it are addressable using array\nnotation with nu...

Returns true if the passed value is iterable, that is, if elements of it are addressable using array\nnotation with numeric indices, false otherwise.

\n\n

Arrays and function arguments objects are iterable. Also HTML collections such as NodeList and `HTMLCollection'\nare iterable.

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

Returns true if the passed value is a number. ...

Returns true if the passed value is a number. Returns false for non-finite numbers.

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

Validates that a value is numeric. ...

Validates that a value is numeric.

\n

Parameters

  • value : Object

    Examples: 1, '1', '2.34'

    \n

Returns

  • Boolean

    True if numeric, false otherwise

    \n
Returns true if the passed value is a JavaScript Object, false otherwise. ...

Returns true if the passed value is a JavaScript Object, false otherwise.

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

Returns true if the passed value is a JavaScript 'primitive', a string, number or boolean. ...

Returns true if the passed value is a JavaScript 'primitive', a string, number or boolean.

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

( value )private
...
\n

Parameters

Returns true if the passed value is a string. ...

Returns true if the passed value is a string.

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

Returns true if the passed value is a TextNode ...

Returns true if the passed value is a TextNode

\n

Parameters

  • value : Object

    The value to test

    \n

Returns

( object, fn, [scope] )
Iterates either an array or an object. ...

Iterates either an array or an object. This method delegates to\nExt.Array.each if the given value is iterable, and Ext.Object.each otherwise.

\n

Parameters

  • object : Object/Array

    The object or array to be iterated.

    \n
  • fn : Function

    The function to be called for each iteration. See and Ext.Array.each and\nExt.Object.each for detailed lists of arguments passed to this function depending on the given object\ntype that is being iterated.

    \n
  • scope : Object (optional)

    The scope (this reference) in which the specified function is executed.\nDefaults to the object being iterated itself.

    \n
( [options], [message] )
Logs a message. ...

Logs a message. If a console is present it will be used. On Opera, the method\n\"opera.postError\" is called. In other cases, the message is logged to an array\n\"Ext.log.out\". An attached debugger can watch this array and view the log. The\nlog buffer is limited to a maximum of \"Ext.log.max\" entries (defaults to 250).\nThe Ext.log.out array can also be written to a popup window by entering the\nfollowing in the URL bar (a \"bookmarklet\"):

\n\n
javascript:void(Ext.log.show());\n
\n\n

If additional parameters are passed, they are joined and appended to the message.\nA technique for tracing entry and exit of a function is this:

\n\n
function foo () {\n    Ext.log({ indent: 1 }, '>> foo');\n\n    // log statements in here or methods called from here will be indented\n    // by one step\n\n    Ext.log({ outdent: 1 }, '<< foo');\n}\n
\n\n

This method does nothing in a release build.

\n

Parameters

  • options : String/Object (optional)

    The message to log or an options object with any\nof the following properties:

    \n\n
      \n
    • msg: The message to log (required).
    • \n
    • level: One of: \"error\", \"warn\", \"info\" or \"log\" (the default is \"log\").
    • \n
    • dump: An object to dump to the log as part of the message.
    • \n
    • stack: True to include a stack trace in the log.
    • \n
    • indent: Cause subsequent log statements to be indented one step.
    • \n
    • outdent: Cause this and following statements to be one step less indented.
    • \n
    \n\n
  • message : String... (optional)

    The message to log (required unless specified in\noptions object).

    \n
( array, [comparisonFn] ) : Objectdeprecated
Old alias to Ext.Array.max\n\nReturns the maximum value in the Array. ...

Old alias to Ext.Array.max

\n\n

Returns the maximum value in the Array.

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Array.max instead

\n\n
\n

Parameters

  • array : Array/NodeList

    The Array from which to select the maximum value.

    \n
  • comparisonFn : Function (optional)

    a function to perform the comparision which determines maximization.\nIf omitted the \">\" operator will be used. Note: gt = 1; eq = 0; lt = -1

    \n

    Parameters

    • max : Mixed

      Current maximum value.

      \n
    • item : Mixed

      The value to compare with the current maximum.

      \n

Returns

  • Object

    maxValue The maximum value

    \n
( array ) : Numberdeprecated
Old alias to Ext.Array.mean\n\nCalculates the mean of all items in the array. ...

Old alias to Ext.Array.mean

\n\n

Calculates the mean of all items in the array.

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Array.mean instead

\n\n
\n

Parameters

  • array : Array

    The Array to calculate the mean value of.

    \n

Returns

( destination, object ) : Object
A convenient alias method for Ext.Object.merge. ...

A convenient alias method for Ext.Object.merge.

\n\n

Merges any number of objects recursively without referencing them or their children.

\n\n
var extjs = {\n    companyName: 'Ext JS',\n    products: ['Ext JS', 'Ext GWT', 'Ext Designer'],\n    isSuperCool: true,\n    office: {\n        size: 2000,\n        location: 'Palo Alto',\n        isFun: true\n    }\n};\n\nvar newStuff = {\n    companyName: 'Sencha Inc.',\n    products: ['Ext JS', 'Ext GWT', 'Ext Designer', 'Sencha Touch', 'Sencha Animator'],\n    office: {\n        size: 40000,\n        location: 'Redwood City'\n    }\n};\n\nvar sencha = Ext.Object.merge(extjs, newStuff);\n\n// extjs and sencha then equals to\n{\n    companyName: 'Sencha Inc.',\n    products: ['Ext JS', 'Ext GWT', 'Ext Designer', 'Sencha Touch', 'Sencha Animator'],\n    isSuperCool: true,\n    office: {\n        size: 40000,\n        location: 'Redwood City',\n        isFun: true\n    }\n}\n
\n

Parameters

  • destination : Object

    The object into which all subsequent objects are merged.

    \n
  • object : Object...

    Any number of objects to merge into the destination.

    \n

Returns

  • Object

    merged The destination object with all passed objects merged in.

    \n
( array, [comparisonFn] ) : Objectdeprecated
Old alias to Ext.Array.min\n\nReturns the minimum value in the Array. ...

Old alias to Ext.Array.min

\n\n

Returns the minimum value in the Array.

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Array.min instead

\n\n
\n

Parameters

  • array : Array/NodeList

    The Array from which to select the minimum value.

    \n
  • comparisonFn : Function (optional)

    a function to perform the comparision which determines minimization.\nIf omitted the \"<\" operator will be used. Note: gt = 1; eq = 0; lt = -1

    \n

    Parameters

    • min : Mixed

      Current minimum value.

      \n
    • item : Mixed

      The value to compare with the current minimum.

      \n

Returns

  • Object

    minValue The minimum value

    \n
( namespaces ) : Object
Creates namespaces to be used for scoping variables and classes so that they are not global. ...

Creates namespaces to be used for scoping variables and classes so that they are not global.\nSpecifying the last node of a namespace implicitly creates all other nodes. Usage:

\n\n
Ext.namespace('Company', 'Company.data');\n\n// equivalent and preferable to the above syntax\nExt.ns('Company.data');\n\nCompany.Widget = function() { ... };\n\nCompany.data.CustomStore = function(config) { ... };\n
\n

Parameters

Returns

  • Object

    The namespace object.\n(If multiple arguments are passed, this will be the last namespace created)

    \n\n
( namespaces ) : Object
Convenient alias for Ext.namespace. ...

Convenient alias for Ext.namespace.

\n\n

Creates namespaces to be used for scoping variables and classes so that they are not global.\nSpecifying the last node of a namespace implicitly creates all other nodes. Usage:

\n\n
Ext.namespace('Company', 'Company.data');\n\n// equivalent and preferable to the above syntax\nExt.ns('Company.data');\n\nCompany.Widget = function() { ... };\n\nCompany.data.CustomStore = function(config) { ... };\n
\n

Parameters

Returns

  • Object

    The namespace object.\n(If multiple arguments are passed, this will be the last namespace created)

    \n\n
( value, defaultValue ) : Numberdeprecated
Validate that a value is numeric and convert it to a number if necessary. ...

Validate that a value is numeric and convert it to a number if necessary. Returns the specified default value if\nit is not.

\n\n
Ext.Number.from('1.23', 1); // returns 1.23\nExt.Number.from('abc', 1); // returns 1\n
\n
\n

This method has been deprecated since 4.0.0

\n

Please use Ext.Number.from instead.

\n\n
\n

Parameters

  • value : Object
    \n
  • defaultValue : Number

    The value to return if the original value is non-numeric

    \n

Returns

  • Number

    value, if numeric, defaultValue otherwise

    \n
( eventName, [fn], [scope], [options] ) : Object
Shorthand for the Ext.util.Observable.addListener method of the\nglobalEvents Observable instance. ...

Shorthand for the Ext.util.Observable.addListener method of the\nglobalEvents Observable instance.

\n\n

Appends an event handler to this object. For example:

\n\n
myGridPanel.on(\"mouseover\", this.onMouseOver, this);\n
\n\n

The method also allows for a single argument to be passed which is a config object\ncontaining properties which specify multiple events. For example:

\n\n
myGridPanel.on({\n    cellClick: this.onCellClick,\n    mouseover: this.onMouseOver,\n    mouseout: this.onMouseOut,\n    scope: this // Important. Ensure \"this\" is correct during handler execution\n});\n
\n\n

One can also specify options for each event handler separately:

\n\n
myGridPanel.on({\n    cellClick: {fn: this.onCellClick, scope: this, single: true},\n    mouseover: {fn: panel.onMouseOver, scope: panel}\n});\n
\n\n

Names of methods in a specified scope may also be used. Note that\nscope MUST be specified to use this option:

\n\n
myGridPanel.on({\n    cellClick: {fn: 'onCellClick', scope: this, single: true},\n    mouseover: {fn: 'onMouseOver', scope: panel}\n});\n
\n

Parameters

  • eventName : String/Object

    The name of the event to listen for.\nMay also be an object who's property names are event names.

    \n
  • fn : Function (optional)

    The method the event invokes, or if scope is specified, the name* of the method within\nthe specified scope. Will be called with arguments\ngiven to Ext.util.Observable.fireEvent plus the options parameter described below.

    \n
  • scope : Object (optional)

    The scope (this reference) in which the handler function is\nexecuted. If omitted, defaults to the object which fired the event.

    \n
  • options : Object (optional)

    An object containing handler configuration.

    \n\n

    Note: Unlike in ExtJS 3.x, the options object will also be passed as the last\nargument to every event handler.

    \n\n

    This object may contain any of the following properties:

    \n
    • scope : Object

      The scope (this reference) in which the handler function is executed. If omitted,\n defaults to the object which fired the event.

      \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\n by the specified number of milliseconds. If the event fires again within that time,\n the original handler is not invoked, but the new handler is scheduled in its place.

      \n
    • target : Ext.util.Observable

      Only call the handler if the event was fired on the target Observable, not if the event\n was bubbled up from a child Observable.

      \n
    • element : String

      This option is only valid for listeners bound to Components.\n The name of a Component property which references an element to add a listener to.

      \n\n

      This option is useful during Component construction to add DOM event listeners to elements of\n Components which will exist only after the Component is rendered.\n For example, to add a click listener to a Panel's body:

      \n\n
        new Ext.panel.Panel({\n      title: 'The title',\n      listeners: {\n          click: this.handlePanelClick,\n          element: 'body'\n      }\n  });\n
      \n
    • destroyable : Boolean (optional)

      When specified as true, the function returns A Destroyable object. An object which implements the destroy method which removes all listeners added in this call.

      \n

      Defaults to: false

    • priority : Number (optional)

      An optional numeric priority that determines the order in which event handlers\n are run. Event handlers with no priority will be run as if they had a priority\n of 0. Handlers with a higher priority will be prioritized to run sooner than\n those with a lower priority. Negative numbers can be used to set a priority\n lower than the default. Internally, the framework uses a range of 1000 or\n greater, and -1000 or lesser for handers that are intended to run before or\n after all others, so it is recommended to stay within the range of -999 to 999\n when setting the priority of event handlers in application-level code.

      \n\n

      Combining Options

      \n\n

      Using the options argument, it is possible to combine different types of listeners:

      \n\n

      A delayed, one-time listener.

      \n\n
      myPanel.on('hide', this.handleClick, this, {\n    single: true,\n    delay: 100\n});\n
      \n

Returns

  • Object

    Only when the destroyable option is specified.

    \n\n

    A Destroyable object. An object which implements the destroy method which removes all listeners added in this call. For example:

    \n\n
    this.btnListeners =  = myButton.on({\n    destroyable: true\n    mouseover:   function() { console.log('mouseover'); },\n    mouseout:    function() { console.log('mouseout'); },\n    click:       function() { console.log('click'); }\n});\n
    \n\n

    And when those listeners need to be removed:

    \n\n
    Ext.destroy(this.btnListeners);\n
    \n\n

    or

    \n\n
    this.btnListeners.destroy();\n
    \n
( fn, [scope], [options] )
Adds a listener to be notified when the document is ready (before onload and before images are loaded). ...

Adds a listener to be notified when the document is ready (before onload and before images are loaded).

\n\n

onDocumentReady is an alias for Ext.EventManager.onDocumentReady.

\n

Parameters

  • fn : Function

    The method the event invokes.

    \n
  • scope : Object (optional)

    The scope (this reference) in which the handler function executes.\nDefaults to the browser window.

    \n
  • options : Object (optional)

    Options object as passed to Ext.Element.addListener.

    \n
( fn, scope, options )
Adds a function to be called when the DOM is ready, and all required classes have been loaded. ...

Adds a function to be called when the DOM is ready, and all required classes have been loaded.

\n\n

If the DOM is ready and all classes are loaded, the passed function is executed immediately.

\n

Parameters

  • fn : Function

    The function callback to be executed

    \n
  • scope : Object

    The execution scope (this reference) of the callback function

    \n
  • options : Object

    The options to modify the listener as passed to addListener.

    \n
( target, overrides )
Overrides members of the specified target with the given values. ...

Overrides members of the specified target with the given values.

\n\n

If the target is a class declared using Ext.define, the\noverride method of that class is called (see Ext.Base.override) given\nthe overrides.

\n\n

If the target is a function, it is assumed to be a constructor and the contents\nof overrides are applied to its prototype using Ext.apply.

\n\n

If the target is an instance of a class declared using Ext.define,\nthe overrides are applied to only that instance. In this case, methods are\nspecially processed to allow them to use Ext.Base.callParent.

\n\n
 var panel = new Ext.Panel({ ... });\n\n Ext.override(panel, {\n     initComponent: function () {\n         // extra processing...\n\n         this.callParent();\n     }\n });\n
\n\n

If the target is none of these, the overrides are applied to the target\nusing Ext.apply.

\n\n

Please refer to Ext.define and Ext.Base.override for\nfurther details.

\n

Parameters

  • target : Object

    The target to override.

    \n
  • overrides : Object

    The properties to add or replace on target.

    \n
( arr, [truth] ) : Arraydeprecated
Partitions the set into two sets: a true set and a false set. ...

Partitions the set into two sets: a true set and a false set.

\n\n

Example 1:

\n\n
Ext.partition([true, false, true, true, false]);\n// returns [[true, true, true], [false, false]]\n
\n\n

Example 2:

\n\n
Ext.partition(\n    Ext.query(\"p\"),\n    function(val){\n        return val.className == \"class1\"\n    }\n);\n// true are those paragraph elements with a className of \"class1\",\n// false set are those that do not have that className.\n
\n
\n

This method has been deprecated since 4.0.0

\n

Will be removed in the next major version

\n\n
\n

Parameters

  • arr : Array/NodeList

    The array to partition

    \n
  • truth : Function (optional)

    a function to determine truth.\nIf this is omitted the element itself must be able to be evaluated for its truthfulness.

    \n

Returns

  • Array

    [array of truish values, array of falsy values]

    \n
( fn, args, [scope] ) : Function
Create a new function from the provided fn, the arguments of which are pre-set to args. ...

Create a new function from the provided fn, the arguments of which are pre-set to args.\nNew arguments passed to the newly created callback when it's invoked are appended after the pre-set ones.\nThis is especially useful when creating callbacks.

\n\n

For example:

\n\n
var originalFunction = function(){\n    alert(Ext.Array.from(arguments).join(' '));\n};\n\nvar callback = Ext.Function.pass(originalFunction, ['Hello', 'World']);\n\ncallback(); // alerts 'Hello World'\ncallback('by Me'); // alerts 'Hello World by Me'\n
\n\n

Ext.pass is alias for Ext.Function.pass

\n

Parameters

  • fn : Function

    The original function

    \n
  • args : Array

    The arguments to pass to new callback

    \n
  • scope : Object (optional)

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

    \n

Returns

( array, propertyName ) : Arraydeprecated
Old alias to Ext.Array.pluck\n\nPlucks the value of a property from each item in the Array. ...

Old alias to Ext.Array.pluck

\n\n

Plucks the value of a property from each item in the Array. Example:

\n\n
Ext.Array.pluck(Ext.query(\"p\"), \"className\"); // [el1.className, el2.className, ..., elN.className]\n
\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Array.pluck instead

\n\n
\n

Parameters

  • array : Array/NodeList

    The Array of items to pluck the value from.

    \n
  • propertyName : String

    The property name to pluck from each element.

    \n

Returns

  • Array

    The value from each item in the Array.

    \n
( ptype, cls )
Shorthand for Ext.PluginManager.registerType ...

Shorthand for Ext.PluginManager.registerType

\n

Parameters

  • ptype : String

    The ptype mnemonic string by which the Plugin class\nmay be looked up.

    \n
  • cls : Function

    The new Plugin class.

    \n
( path, [root], [type], [single] ) : HTMLElement[]
Shorthand of Ext.dom.Query.select\n\nSelects an array of DOM nodes by CSS/XPath selector. ...

Shorthand of Ext.dom.Query.select

\n\n

Selects an array of DOM nodes by CSS/XPath selector.

\n\n

Uses document.querySelectorAll if browser supports that, otherwise falls back to\nExt.dom.Query.jsSelect to do the work.

\n\n

Aliased as query.

\n

Parameters

  • path : String

    The selector/xpath query

    \n
  • root : HTMLElement (optional)

    The start of the query.

    \n

    Defaults to: document

  • type : String (optional)

    Either \"select\" or \"simple\" for a simple selector match (only valid when\nused when the call is deferred to the jsSelect method)

    \n

    Defaults to: "select"

  • single : Boolean (optional)

    Pass true to select only the first matching node using document.querySelector (where available)

    \n

Returns

  • HTMLElement[]

    An array of DOM elements (not a NodeList as returned by querySelectorAll).

    \n
( name, config ) : Ext.data.Modeldeprecated
Old way for creating Model classes. ...

Old way for creating Model classes. Instead use:

\n\n
Ext.define(\"MyModel\", {\n    extend: \"Ext.data.Model\",\n    fields: []\n});\n
\n
\n

This method has been deprecated since 4.0.0

\n

Use define instead.

\n\n
\n

Parameters

  • name : String

    Name of the Model class.

    \n
  • config : Object

    A configuration object for the Model you wish to create.

    \n

Returns

( id, config )
Creates a new store for the given id and config, then registers it with the Store Manager. ...

Creates a new store for the given id and config, then registers it with the Store Manager.\nSample usage:

\n\n
Ext.regStore('AllUsers', {\n    model: 'User'\n});\n\n// the store can now easily be used throughout the application\nnew Ext.List({\n    store: 'AllUsers',\n    ... other config\n});\n
\n

Parameters

  • id : String

    The id to set on the new store

    \n
  • config : Object

    The store config

    \n
Removes a DOM node from the document. ...

Removes a DOM node from the document.

\n\n

Removes this element from the document, removes all DOM event listeners, and\ndeletes the cache reference. All DOM event listeners are removed from this element.\nIf Ext.enableNestedListenerRemoval is\ntrue, then DOM event listeners are also removed from all child nodes.\nThe body node will be ignored if passed in.

\n

Parameters

  • node : HTMLElement

    The node to remove

    \n
( expressions, [fn], [scope], [excludes] )
Loads all classes by the given names and all their direct dependencies; optionally executes\nthe given callback functi...

Loads all classes by the given names and all their direct dependencies; optionally executes\nthe given callback function when finishes, within the optional scope.

\n\n

require is alias for Ext.Loader.require.

\n

Parameters

  • expressions : String/Array

    Can either be a string or an array of string

    \n
  • fn : Function (optional)

    The callback function

    \n
  • scope : Object (optional)

    The execution scope (this) of the callback function

    \n
  • excludes : String/Array (optional)

    Classes to be excluded, useful when being used with expressions

    \n
( fn, scope )private
...
\n

Parameters

...
\n

Parameters

( selector, [unique] ) : Ext.CompositeElement
Shorthand of Ext.Element.select. ...

Shorthand of Ext.Element.select.

\n\n

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

\n\n

Defined in override Ext.dom.AbstractElement_traversal.

\n

Parameters

  • selector : String

    The CSS selector

    \n
  • unique : Boolean (optional)

    True to create a unique Ext.Element for each element. Defaults to a shared flyweight object.

    \n

Returns

Sets the default font-family to use for components that support a glyph config. ...

Sets the default font-family to use for components that support a glyph config.

\n

Parameters

  • fontFamily : String

    The name of the font-family

    \n
( packageName, version ) : Extchainable
Set version number for the given package name. ...

Set version number for the given package name.

\n

Parameters

  • packageName : String

    The package name, for example: 'core', 'touch', 'extjs'

    \n
  • version : String/Ext.Version

    The version, for example: '1.2.3alpha', '2.4.0-dev'

    \n

Returns

( array ) : Numberdeprecated
Old alias to Ext.Array.sum\n\nCalculates the sum of all items in the given array. ...

Old alias to Ext.Array.sum

\n\n

Calculates the sum of all items in the given array.

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Array.sum instead

\n\n
\n

Parameters

  • array : Array

    The Array to calculate the sum value of.

    \n

Returns

Stops layouts from happening in the whole framework. ...

Stops layouts from happening in the whole framework.

\n\n

It's useful to suspend the layout activity while updating multiple components and\ncontainers:

\n\n
Ext.suspendLayouts();\n// batch of updates...\nExt.resumeLayouts(true);\n
\n\n

suspendLayouts is alias of Ext.AbstractComponent.suspendLayouts.

\n\n

See also batchLayouts for more abstract way of doing this.

\n
( expressions, [fn], [scope], [excludes] )
Synchronously loads all classes by the given names and all their direct dependencies; optionally\nexecutes the given c...

Synchronously loads all classes by the given names and all their direct dependencies; optionally\nexecutes the given callback function when finishes, within the optional scope.

\n\n

syncRequire is alias for Ext.Loader.syncRequire.

\n

Parameters

  • expressions : String/Array

    Can either be a string or an array of string

    \n
  • fn : Function (optional)

    The callback function

    \n
  • scope : Object (optional)

    The execution scope (this) of the callback function

    \n
  • excludes : String/Array (optional)

    Classes to be excluded, useful when being used with expressions

    \n
( iterable, [start], [end] ) : Array
Converts any iterable (numeric indices and a length property) into a true array. ...

Converts any iterable (numeric indices and a length property) into a true array.

\n\n
function test() {\n    var args = Ext.Array.toArray(arguments),\n        fromSecondToLastArgs = Ext.Array.toArray(arguments, 1);\n\n    alert(args.join(' '));\n    alert(fromSecondToLastArgs.join(' '));\n}\n\ntest('just', 'testing', 'here'); // alerts 'just testing here';\n                                 // alerts 'testing here';\n\nExt.Array.toArray(document.getElementsByTagName('div')); // will convert the NodeList into an array\nExt.Array.toArray('splitted'); // returns ['s', 'p', 'l', 'i', 't', 't', 'e', 'd']\nExt.Array.toArray('splitted', 0, 3); // returns ['s', 'p', 'l']\n
\n\n

Ext.toArray is alias for Ext.Array.toArray

\n

Parameters

  • iterable : Object

    the iterable object to be turned into a true Array.

    \n
  • start : Number (optional)

    a zero-based index that specifies the start of extraction. Defaults to 0

    \n
  • end : Number (optional)

    a 1-based index that specifies the end of extraction. Defaults to the last\nindex of the iterable value

    \n

Returns

( items, connector ) : Stringdeprecated
Turns an array into a sentence, joined by a specified connector - e.g.:\n\nExt.toSentence(['Adama', 'Tigh', 'Roslin']);...

Turns an array into a sentence, joined by a specified connector - e.g.:

\n\n
Ext.toSentence(['Adama', 'Tigh', 'Roslin']); //'Adama, Tigh and Roslin'\nExt.toSentence(['Adama', 'Tigh', 'Roslin'], 'or'); //'Adama, Tigh or Roslin'\n
\n
\n

This method has been deprecated since 4.0.0

\n

Will be removed in the next major version

\n\n
\n

Parameters

  • items : String[]

    The array to create a sentence from

    \n
  • connector : String

    The string to use to connect the last two words.\nUsually 'and' or 'or' - defaults to 'and'.

    \n

Returns

( value ) : Stringdeprecated
Old alias to typeOf\n\nReturns the type of the given variable in string format. ...

Old alias to typeOf

\n\n

Returns the type of the given variable in string format. List of possible values are:

\n\n
    \n
  • undefined: If the given value is undefined
  • \n
  • null: If the given value is null
  • \n
  • string: If the given value is a string
  • \n
  • number: If the given value is a number
  • \n
  • boolean: If the given value is a boolean value
  • \n
  • date: If the given value is a Date object
  • \n
  • function: If the given value is a function reference
  • \n
  • object: If the given value is an object
  • \n
  • array: If the given value is an array
  • \n
  • regexp: If the given value is a regular expression
  • \n
  • element: If the given value is a DOM Element
  • \n
  • textnode: If the given value is a DOM text node and contains something other than whitespace
  • \n
  • whitespace: If the given value is a DOM text node and contains only whitespace
  • \n
\n\n
\n

This method has been deprecated since 4.0.0

\n

Use typeOf instead

\n\n
\n

Parameters

Returns

Returns the type of the given variable in string format. ...

Returns the type of the given variable in string format. List of possible values are:

\n\n
    \n
  • undefined: If the given value is undefined
  • \n
  • null: If the given value is null
  • \n
  • string: If the given value is a string
  • \n
  • number: If the given value is a number
  • \n
  • boolean: If the given value is a boolean value
  • \n
  • date: If the given value is a Date object
  • \n
  • function: If the given value is a function reference
  • \n
  • object: If the given value is an object
  • \n
  • array: If the given value is an array
  • \n
  • regexp: If the given value is a regular expression
  • \n
  • element: If the given value is a DOM Element
  • \n
  • textnode: If the given value is a DOM text node and contains something other than whitespace
  • \n
  • whitespace: If the given value is a DOM text node and contains only whitespace
  • \n
\n\n

Parameters

Returns

( eventName, fn, [scope] )
Shorthand for the Ext.util.Observable.removeListener method of the\nglobalEvents Observable instance. ...

Shorthand for the Ext.util.Observable.removeListener method of the\nglobalEvents Observable instance.

\n\n

Removes an event handler.

\n

Parameters

  • eventName : String

    The type of event the handler was associated with.

    \n
  • fn : Function

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

    \n
  • scope : Object (optional)

    The scope originally specified for the handler. It must be the same as the\nscope argument specified in the original call to Ext.util.Observable.addListener or the listener will not be removed.

    \n
( array ) : Arraydeprecated
Old alias to Ext.Array.unique\n\nReturns a new array with unique items ...

Old alias to Ext.Array.unique

\n\n

Returns a new array with unique items

\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Array.unique instead

\n\n
\n

Parameters

Returns

( url, string ) : Stringdeprecated
Old alias to Ext.String.urlAppend\n\nAppends content to the query string of a URL, handling logic for whether to place\n...

Old alias to Ext.String.urlAppend

\n\n

Appends content to the query string of a URL, handling logic for whether to place\na question mark or ampersand.

\n
\n

This method has been deprecated

\n

Use Ext.String.urlAppend instead

\n\n
\n

Parameters

  • url : String

    The URL to append to.

    \n
  • string : String

    The content to append to the URL.

    \n

Returns

( queryString, [recursive] ) : Objectdeprecated
Alias for Ext.Object.fromQueryString. ...

Alias for Ext.Object.fromQueryString.

\n\n

Converts a query string back into an object.

\n\n

Non-recursive:

\n\n
Ext.Object.fromQueryString(\"foo=1&bar=2\"); // returns {foo: '1', bar: '2'}\nExt.Object.fromQueryString(\"foo=&bar=2\"); // returns {foo: null, bar: '2'}\nExt.Object.fromQueryString(\"some%20price=%24300\"); // returns {'some price': '$300'}\nExt.Object.fromQueryString(\"colors=red&colors=green&colors=blue\"); // returns {colors: ['red', 'green', 'blue']}\n
\n\n

Recursive:

\n\n
Ext.Object.fromQueryString(\n    \"username=Jacky&\"+\n    \"dateOfBirth[day]=1&dateOfBirth[month]=2&dateOfBirth[year]=1911&\"+\n    \"hobbies[0]=coding&hobbies[1]=eating&hobbies[2]=sleeping&\"+\n    \"hobbies[3][0]=nested&hobbies[3][1]=stuff\", true);\n\n// returns\n{\n    username: 'Jacky',\n    dateOfBirth: {\n        day: '1',\n        month: '2',\n        year: '1911'\n    },\n    hobbies: ['coding', 'eating', 'sleeping', ['nested', 'stuff']]\n}\n
\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Object.fromQueryString instead

\n\n
\n

Parameters

  • queryString : String

    The query string to decode

    \n
  • recursive : Boolean (optional)

    Whether or not to recursively decode the string. This format is supported by\nPHP / Ruby on Rails servers and similar.

    \n

    Defaults to: false

Returns

( object, [recursive] ) : Stringdeprecated
Takes an object and converts it to an encoded query string. ...

Takes an object and converts it to an encoded query string.

\n\n

Non-recursive:

\n\n
Ext.Object.toQueryString({foo: 1, bar: 2}); // returns \"foo=1&bar=2\"\nExt.Object.toQueryString({foo: null, bar: 2}); // returns \"foo=&bar=2\"\nExt.Object.toQueryString({'some price': '$300'}); // returns \"some%20price=%24300\"\nExt.Object.toQueryString({date: new Date(2011, 0, 1)}); // returns \"date=%222011-01-01T00%3A00%3A00%22\"\nExt.Object.toQueryString({colors: ['red', 'green', 'blue']}); // returns \"colors=red&colors=green&colors=blue\"\n
\n\n

Recursive:

\n\n
Ext.Object.toQueryString({\n    username: 'Jacky',\n    dateOfBirth: {\n        day: 1,\n        month: 2,\n        year: 1911\n    },\n    hobbies: ['coding', 'eating', 'sleeping', ['nested', 'stuff']]\n}, true); // returns the following string (broken down and url-decoded for ease of reading purpose):\n// username=Jacky\n//    &dateOfBirth[day]=1&dateOfBirth[month]=2&dateOfBirth[year]=1911\n//    &hobbies[0]=coding&hobbies[1]=eating&hobbies[2]=sleeping&hobbies[3][0]=nested&hobbies[3][1]=stuff\n
\n
\n

This method has been deprecated since 4.0.0

\n

Use Ext.Object.toQueryString instead

\n\n
\n

Parameters

  • object : Object

    The object to encode

    \n
  • recursive : Boolean (optional)

    Whether or not to interpret the object in recursive format.\n(PHP / Ruby on Rails servers and similar).

    \n

    Defaults to: false

Returns

( value, defaultValue, [allowBlank] ) : Objectdeprecated
Utility method for returning a default value if the passed value is empty. ...

Utility method for returning a default value if the passed value is empty.

\n\n

The value is deemed to be empty if it is:

\n\n
    \n
  • null
  • \n
  • undefined
  • \n
  • an empty array
  • \n
  • a zero length string (Unless the allowBlank parameter is true)
  • \n
\n\n
\n

This method has been deprecated since 4.0.0

\n

Use valueFrom instead

\n\n
\n

Parameters

  • value : Object

    The value to test

    \n
  • defaultValue : Object

    The value to return if the original value is empty

    \n
  • allowBlank : Boolean (optional)

    true to allow zero length strings to qualify as non-empty.

    \n

    Defaults to: false

Returns

  • Object

    value, if non-empty, else defaultValue

    \n
( value, defaultValue, [allowBlank] ) : Object
Returns the given value itself if it's not empty, as described in isEmpty; returns the default\nvalue (second argument...

Returns the given value itself if it's not empty, as described in isEmpty; returns the default\nvalue (second argument) otherwise.

\n

Parameters

  • value : Object

    The value to test

    \n
  • defaultValue : Object

    The value to return if the original value is empty

    \n
  • allowBlank : Boolean (optional)

    true to allow zero length strings to qualify as non-empty (defaults to false)

    \n

Returns

  • Object

    value, if non-empty, else defaultValue

    \n
( [name], [config] ) : Object
Convenient shorthand to create a widget by its xtype or a config object. ...

Convenient shorthand to create a widget by its xtype or a config object.\nSee also Ext.ClassManager.instantiateByAlias.

\n\n
 var button = Ext.widget('button'); // Equivalent to Ext.create('widget.button');\n\n var panel = Ext.widget('panel', { // Equivalent to Ext.create('widget.panel')\n     title: 'Panel'\n });\n\n var grid = Ext.widget({\n     xtype: 'grid',\n     ...\n });\n
\n\n

If a component instance is passed, it is simply returned.

\n

Parameters

  • name : String (optional)

    The xtype of the widget to create.

    \n
  • config : Object (optional)

    The configuration object for the widget constructor.

    \n

Returns

( arr, [zipper] ) : Arraydeprecated
Zips N sets together. ...

Zips N sets together.

\n\n

Example 1:

\n\n
Ext.zip([1,2,3],[4,5,6]); // [[1,4],[2,5],[3,6]]\n
\n\n

Example 2:

\n\n
Ext.zip(\n    [ \"+\", \"-\", \"+\"],\n    [  12,  10,  22],\n    [  43,  15,  96],\n    function(a, b, c){\n        return \"$\" + a + \"\" + b + \".\" + c\n    }\n); // [\"$+12.43\", \"$-10.15\", \"$+22.96\"]\n
\n
\n

This method has been deprecated since 4.0.0

\n

Will be removed in the next major version

\n\n
\n

Parameters

  • arr : Array/NodeList...

    This argument may be repeated. Array(s)\nto contribute values.

    \n
  • zipper : Function (optional)

    The last item in the argument list.\nThis will drive how the items are zipped together.

    \n

Returns

","superclasses":[],"meta":{},"requires":[],"html_meta":{},"statics":{"property":[],"cfg":[],"css_var":[],"method":[],"event":[],"css_mixin":[]},"files":[{"href":"Ext-more.html#Ext","filename":"Ext-more.js"},{"href":"Ext-more.html#Ext","filename":"Ext-more.js"},{"href":"Ext.html#Ext","filename":"Ext.js"},{"href":"Version.html#Ext","filename":"Version.js"}],"linenr":5,"members":{"property":[{"tagname":"property","owner":"Ext","meta":{},"name":"BLANK_IMAGE_URL","id":"property-BLANK_IMAGE_URL"},{"tagname":"property","owner":"Ext","meta":{"private":true},"name":"Logger","id":"property-Logger"},{"tagname":"property","owner":"Ext","meta":{},"name":"SSL_SECURE_URL","id":"property-SSL_SECURE_URL"},{"tagname":"property","owner":"Ext","meta":{},"name":"USE_NATIVE_JSON","id":"property-USE_NATIVE_JSON"},{"tagname":"property","owner":"Ext","meta":{},"name":"chromeVersion","id":"property-chromeVersion"},{"tagname":"property","owner":"Ext","meta":{},"name":"emptyFn","id":"property-emptyFn"},{"tagname":"property","owner":"Ext","meta":{},"name":"emptyString","id":"property-emptyString"},{"tagname":"property","owner":"Ext","meta":{},"name":"enableFx","id":"property-enableFx"},{"tagname":"property","owner":"Ext","meta":{},"name":"enableGarbageCollector","id":"property-enableGarbageCollector"},{"tagname":"property","owner":"Ext","meta":{},"name":"enableListenerCollection","id":"property-enableListenerCollection"},{"tagname":"property","owner":"Ext","meta":{},"name":"enableNestedListenerRemoval","id":"property-enableNestedListenerRemoval"},{"tagname":"property","owner":"Ext","meta":{},"name":"enumerables","id":"property-enumerables"},{"tagname":"property","owner":"Ext","meta":{},"name":"firefoxVersion","id":"property-firefoxVersion"},{"tagname":"property","owner":"Ext","meta":{"private":true},"name":"functionFactoryCache","id":"property-functionFactoryCache"},{"tagname":"property","owner":"Ext","meta":{},"name":"globalEvents","id":"property-globalEvents"},{"tagname":"property","owner":"Ext","meta":{},"name":"ieVersion","id":"property-ieVersion"},{"tagname":"property","owner":"Ext","meta":{},"name":"isChrome","id":"property-isChrome"},{"tagname":"property","owner":"Ext","meta":{},"name":"isFF10","id":"property-isFF10"},{"tagname":"property","owner":"Ext","meta":{},"name":"isFF3_0","id":"property-isFF3_0"},{"tagname":"property","owner":"Ext","meta":{},"name":"isFF3_5","id":"property-isFF3_5"},{"tagname":"property","owner":"Ext","meta":{},"name":"isFF3_6","id":"property-isFF3_6"},{"tagname":"property","owner":"Ext","meta":{},"name":"isFF4","id":"property-isFF4"},{"tagname":"property","owner":"Ext","meta":{},"name":"isFF5","id":"property-isFF5"},{"tagname":"property","owner":"Ext","meta":{},"name":"isGecko","id":"property-isGecko"},{"tagname":"property","owner":"Ext","meta":{},"name":"isGecko10","id":"property-isGecko10"},{"tagname":"property","owner":"Ext","meta":{},"name":"isGecko3","id":"property-isGecko3"},{"tagname":"property","owner":"Ext","meta":{},"name":"isGecko4","id":"property-isGecko4"},{"tagname":"property","owner":"Ext","meta":{},"name":"isGecko5","id":"property-isGecko5"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE","id":"property-isIE"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE10","id":"property-isIE10"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE10m","id":"property-isIE10m"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE10p","id":"property-isIE10p"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE6","id":"property-isIE6"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE7","id":"property-isIE7"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE7m","id":"property-isIE7m"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE7p","id":"property-isIE7p"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE8","id":"property-isIE8"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE8m","id":"property-isIE8m"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE8p","id":"property-isIE8p"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE9","id":"property-isIE9"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE9m","id":"property-isIE9m"},{"tagname":"property","owner":"Ext","meta":{},"name":"isIE9p","id":"property-isIE9p"},{"tagname":"property","owner":"Ext","meta":{},"name":"isLinux","id":"property-isLinux"},{"tagname":"property","owner":"Ext","meta":{},"name":"isMac","id":"property-isMac"},{"tagname":"property","owner":"Ext","meta":{},"name":"isOpera","id":"property-isOpera"},{"tagname":"property","owner":"Ext","meta":{},"name":"isOpera10_5","id":"property-isOpera10_5"},{"tagname":"property","owner":"Ext","meta":{},"name":"isReady","id":"property-isReady"},{"tagname":"property","owner":"Ext","meta":{},"name":"isSafari","id":"property-isSafari"},{"tagname":"property","owner":"Ext","meta":{},"name":"isSafari2","id":"property-isSafari2"},{"tagname":"property","owner":"Ext","meta":{},"name":"isSafari3","id":"property-isSafari3"},{"tagname":"property","owner":"Ext","meta":{},"name":"isSafari4","id":"property-isSafari4"},{"tagname":"property","owner":"Ext","meta":{},"name":"isSafari5","id":"property-isSafari5"},{"tagname":"property","owner":"Ext","meta":{},"name":"isSafari5_0","id":"property-isSafari5_0"},{"tagname":"property","owner":"Ext","meta":{},"name":"isSecure","id":"property-isSecure"},{"tagname":"property","owner":"Ext","meta":{},"name":"isWebKit","id":"property-isWebKit"},{"tagname":"property","owner":"Ext","meta":{},"name":"isWindows","id":"property-isWindows"},{"tagname":"property","owner":"Ext","meta":{"private":true},"name":"lastRegisteredVersion","id":"property-lastRegisteredVersion"},{"tagname":"property","owner":"Ext","meta":{"private":true},"name":"mergeIf","id":"property-mergeIf"},{"tagname":"property","owner":"Ext","meta":{},"name":"name","id":"property-name"},{"tagname":"property","owner":"Ext","meta":{},"name":"operaVersion","id":"property-operaVersion"},{"tagname":"property","owner":"Ext","meta":{"private":true},"name":"rootHierarchyState","id":"property-rootHierarchyState"},{"tagname":"property","owner":"Ext","meta":{},"name":"safariVersion","id":"property-safariVersion"},{"tagname":"property","owner":"Ext","meta":{},"name":"useShims","id":"property-useShims"},{"tagname":"property","owner":"Ext","meta":{"private":true},"name":"versions","id":"property-versions"},{"tagname":"property","owner":"Ext","meta":{},"name":"webKitVersion","id":"property-webKitVersion"}],"cfg":[],"css_var":[],"method":[{"tagname":"method","owner":"Ext","meta":{},"name":"addBehaviors","id":"method-addBehaviors"},{"tagname":"method","owner":"Ext","meta":{},"name":"addNamespaces","id":"method-addNamespaces"},{"tagname":"method","owner":"Ext","meta":{},"name":"application","id":"method-application"},{"tagname":"method","owner":"Ext","meta":{},"name":"apply","id":"method-apply"},{"tagname":"method","owner":"Ext","meta":{},"name":"applyIf","id":"method-applyIf"},{"tagname":"method","owner":"Ext","meta":{},"name":"batchLayouts","id":"method-batchLayouts"},{"tagname":"method","owner":"Ext","meta":{},"name":"bind","id":"method-bind"},{"tagname":"method","owner":"Ext","meta":{},"name":"callback","id":"method-callback"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Array#clean} instead","version":"4.0.0"}},"name":"clean","id":"method-clean"},{"tagname":"method","owner":"Ext","meta":{"private":true},"name":"clearNamespaces","id":"method-clearNamespaces"},{"tagname":"method","owner":"Ext","meta":{},"name":"clone","id":"method-clone"},{"tagname":"method","owner":"Ext","meta":{},"name":"coerce","id":"method-coerce"},{"tagname":"method","owner":"Ext","meta":{"private":true},"name":"collectNamespaces","id":"method-collectNamespaces"},{"tagname":"method","owner":"Ext","meta":{},"name":"copyTo","id":"method-copyTo"},{"tagname":"method","owner":"Ext","meta":{},"name":"create","id":"method-create"},{"tagname":"method","owner":"Ext","meta":{},"name":"createByAlias","id":"method-createByAlias"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext#widget} instead.","version":"4.0.0"}},"name":"createWidget","id":"method-createWidget"},{"tagname":"method","owner":"Ext","meta":{},"name":"decode","id":"method-decode"},{"tagname":"method","owner":"Ext","meta":{},"name":"defer","id":"method-defer"},{"tagname":"method","owner":"Ext","meta":{},"name":"define","id":"method-define"},{"tagname":"method","owner":"Ext","meta":{},"name":"deprecate","id":"method-deprecate"},{"tagname":"method","owner":"Ext","meta":{},"name":"destroy","id":"method-destroy"},{"tagname":"method","owner":"Ext","meta":{},"name":"destroyMembers","id":"method-destroyMembers"},{"tagname":"method","owner":"Ext","meta":{},"name":"each","id":"method-each"},{"tagname":"method","owner":"Ext","meta":{},"name":"encode","id":"method-encode"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.String#escapeRegex} instead","version":"4.0.0"}},"name":"escapeRe","id":"method-escapeRe"},{"tagname":"method","owner":"Ext","meta":{},"name":"exclude","id":"method-exclude"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext#define Ext.define} instead","version":"4.0.0"}},"name":"extend","id":"method-extend"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Array#flatten} instead","version":"4.0.0"}},"name":"flatten","id":"method-flatten"},{"tagname":"method","owner":"Ext","meta":{},"name":"fly","id":"method-fly"},{"tagname":"method","owner":"Ext","meta":{},"name":"get","id":"method-get"},{"tagname":"method","owner":"Ext","meta":{},"name":"getBody","id":"method-getBody"},{"tagname":"method","owner":"Ext","meta":{},"name":"getClass","id":"method-getClass"},{"tagname":"method","owner":"Ext","meta":{},"name":"getClassName","id":"method-getClassName"},{"tagname":"method","owner":"Ext","meta":{},"name":"getCmp","id":"method-getCmp"},{"tagname":"method","owner":"Ext","meta":{"private":true},"name":"getDetachedBody","id":"method-getDetachedBody"},{"tagname":"method","owner":"Ext","meta":{},"name":"getDoc","id":"method-getDoc"},{"tagname":"method","owner":"Ext","meta":{},"name":"getDom","id":"method-getDom"},{"tagname":"method","owner":"Ext","meta":{"private":true},"name":"getElementById","id":"method-getElementById"},{"tagname":"method","owner":"Ext","meta":{},"name":"getHead","id":"method-getHead"},{"tagname":"method","owner":"Ext","meta":{},"name":"getNamespace","id":"method-getNamespace"},{"tagname":"method","owner":"Ext","meta":{},"name":"getOrientation","id":"method-getOrientation"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":""}},"name":"getScrollBarWidth","id":"method-getScrollBarWidth"},{"tagname":"method","owner":"Ext","meta":{},"name":"getScrollbarSize","id":"method-getScrollbarSize"},{"tagname":"method","owner":"Ext","meta":{},"name":"getStore","id":"method-getStore"},{"tagname":"method","owner":"Ext","meta":{"private":true},"name":"getUniqueGlobalNamespace","id":"method-getUniqueGlobalNamespace"},{"tagname":"method","owner":"Ext","meta":{},"name":"getVersion","id":"method-getVersion"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.String#htmlDecode} instead"}},"name":"htmlDecode","id":"method-htmlDecode"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.String#htmlEncode} instead"}},"name":"htmlEncode","id":"method-htmlEncode"},{"tagname":"method","owner":"Ext","meta":{},"name":"id","id":"method-id"},{"tagname":"method","owner":"Ext","meta":{},"name":"identityFn","id":"method-identityFn"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Will be removed in the next major version","version":"4.0.0"}},"name":"invoke","id":"method-invoke"},{"tagname":"method","owner":"Ext","meta":{},"name":"isArray","id":"method-isArray"},{"tagname":"method","owner":"Ext","meta":{},"name":"isBoolean","id":"method-isBoolean"},{"tagname":"method","owner":"Ext","meta":{},"name":"isDate","id":"method-isDate"},{"tagname":"method","owner":"Ext","meta":{},"name":"isDefined","id":"method-isDefined"},{"tagname":"method","owner":"Ext","meta":{},"name":"isElement","id":"method-isElement"},{"tagname":"method","owner":"Ext","meta":{"markdown":true},"name":"isEmpty","id":"method-isEmpty"},{"tagname":"method","owner":"Ext","meta":{},"name":"isFunction","id":"method-isFunction"},{"tagname":"method","owner":"Ext","meta":{},"name":"isIterable","id":"method-isIterable"},{"tagname":"method","owner":"Ext","meta":{},"name":"isNumber","id":"method-isNumber"},{"tagname":"method","owner":"Ext","meta":{},"name":"isNumeric","id":"method-isNumeric"},{"tagname":"method","owner":"Ext","meta":{},"name":"isObject","id":"method-isObject"},{"tagname":"method","owner":"Ext","meta":{},"name":"isPrimitive","id":"method-isPrimitive"},{"tagname":"method","owner":"Ext","meta":{"private":true},"name":"isSimpleObject","id":"method-isSimpleObject"},{"tagname":"method","owner":"Ext","meta":{},"name":"isString","id":"method-isString"},{"tagname":"method","owner":"Ext","meta":{},"name":"isTextNode","id":"method-isTextNode"},{"tagname":"method","owner":"Ext","meta":{"markdown":true},"name":"iterate","id":"method-iterate"},{"tagname":"method","owner":"Ext","meta":{},"name":"log","id":"method-log"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Array#max} instead","version":"4.0.0"}},"name":"max","id":"method-max"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Array#mean} instead","version":"4.0.0"}},"name":"mean","id":"method-mean"},{"tagname":"method","owner":"Ext","meta":{},"name":"merge","id":"method-merge"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Array#min} instead","version":"4.0.0"}},"name":"min","id":"method-min"},{"tagname":"method","owner":"Ext","meta":{},"name":"namespace","id":"method-namespace"},{"tagname":"method","owner":"Ext","meta":{},"name":"ns","id":"method-ns"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Please use {@link Ext.Number#from} instead.","version":"4.0.0"}},"name":"num","id":"method-num"},{"tagname":"method","owner":"Ext","meta":{},"name":"on","id":"method-on"},{"tagname":"method","owner":"Ext","meta":{},"name":"onDocumentReady","id":"method-onDocumentReady"},{"tagname":"method","owner":"Ext","meta":{},"name":"onReady","id":"method-onReady"},{"tagname":"method","owner":"Ext","meta":{},"name":"override","id":"method-override"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Will be removed in the next major version","version":"4.0.0"}},"name":"partition","id":"method-partition"},{"tagname":"method","owner":"Ext","meta":{},"name":"pass","id":"method-pass"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Array#pluck Ext.Array.pluck} instead","version":"4.0.0"}},"name":"pluck","id":"method-pluck"},{"tagname":"method","owner":"Ext","meta":{},"name":"preg","id":"method-preg"},{"tagname":"method","owner":"Ext","meta":{},"name":"query","id":"method-query"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext#define} instead.","version":"4.0.0"}},"name":"regModel","id":"method-regModel"},{"tagname":"method","owner":"Ext","meta":{},"name":"regStore","id":"method-regStore"},{"tagname":"method","owner":"Ext","meta":{},"name":"removeNode","id":"method-removeNode"},{"tagname":"method","owner":"Ext","meta":{},"name":"require","id":"method-require"},{"tagname":"method","owner":"Ext","meta":{"private":true},"name":"resolveMethod","id":"method-resolveMethod"},{"tagname":"method","owner":"Ext","meta":{},"name":"resumeLayouts","id":"method-resumeLayouts"},{"tagname":"method","owner":"Ext","meta":{},"name":"select","id":"method-select"},{"tagname":"method","owner":"Ext","meta":{},"name":"setGlyphFontFamily","id":"method-setGlyphFontFamily"},{"tagname":"method","owner":"Ext","meta":{"chainable":true},"name":"setVersion","id":"method-setVersion"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Array#sum} instead","version":"4.0.0"}},"name":"sum","id":"method-sum"},{"tagname":"method","owner":"Ext","meta":{},"name":"suspendLayouts","id":"method-suspendLayouts"},{"tagname":"method","owner":"Ext","meta":{},"name":"syncRequire","id":"method-syncRequire"},{"tagname":"method","owner":"Ext","meta":{},"name":"toArray","id":"method-toArray"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Will be removed in the next major version","version":"4.0.0"}},"name":"toSentence","id":"method-toSentence"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext#typeOf} instead","version":"4.0.0"}},"name":"type","id":"method-type"},{"tagname":"method","owner":"Ext","meta":{"markdown":true},"name":"typeOf","id":"method-typeOf"},{"tagname":"method","owner":"Ext","meta":{},"name":"un","id":"method-un"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Array#unique} instead","version":"4.0.0"}},"name":"unique","id":"method-unique"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.String#urlAppend} instead"}},"name":"urlAppend","id":"method-urlAppend"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Object#fromQueryString} instead","version":"4.0.0"}},"name":"urlDecode","id":"method-urlDecode"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext.Object#toQueryString} instead","version":"4.0.0"}},"name":"urlEncode","id":"method-urlEncode"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Use {@link Ext#valueFrom} instead","version":"4.0.0"}},"name":"value","id":"method-value"},{"tagname":"method","owner":"Ext","meta":{},"name":"valueFrom","id":"method-valueFrom"},{"tagname":"method","owner":"Ext","meta":{},"name":"widget","id":"method-widget"},{"tagname":"method","owner":"Ext","meta":{"deprecated":{"text":"Will be removed in the next major version","version":"4.0.0"}},"name":"zip","id":"method-zip"}],"event":[],"css_mixin":[]},"inheritable":null,"private":null,"component":false,"name":"Ext","singleton":true,"override":null,"inheritdoc":null,"id":"class-Ext","mixins":[],"mixedInto":[]});