True to disable all components configured by this Action, false to enable them (defaults to false).
\n", - "linenr": 83, - "html_filename": "Action2.html" - }, - { - "type": "Function", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Action2.html#Ext-Action-cfg-handler", - "shortDoc": "The function that will be invoked by each component tied to this Action\nwhen the component's primary event is trigger...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "name": "handler", - "owner": "Ext.Action", - "doc": "The function that will be invoked by each component tied to this Action\nwhen the component's primary event is triggered (defaults to undefined).
\n", - "linenr": 89, - "html_filename": "Action2.html" - }, - { - "type": "Boolean", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Action2.html#Ext-Action-cfg-hidden", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "name": "hidden", - "owner": "Ext.Action", - "doc": "True to hide all components configured by this Action, false to show them (defaults to false).
\n", - "linenr": 86, - "html_filename": "Action2.html" - }, - { - "type": "String", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Action2.html#Ext-Action-cfg-iconCls", - "shortDoc": "The CSS class selector that specifies a background image to be used as the header icon for\nall components configured ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "name": "iconCls", - "owner": "Ext.Action", - "doc": "The CSS class selector that specifies a background image to be used as the header icon for\nall components configured by this Action (defaults to '').
\n\nAn example of specifying a custom icon class would be something like:\n
\n\n\n// specify the property in the config for the class:\n ...\n iconCls: 'do-something'\n\n// css class that specifies background image to be used as the icon image:\n.do-something { background-image: url(../images/my-icon.gif) 0 6px no-repeat !important; }\nSee Ext.Component.itemId.
\n", - "linenr": 93, - "html_filename": "Action2.html" - }, - { - "type": "Object", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Action2.html#Ext-Action-cfg-scope", - "shortDoc": "The scope (this reference) in which the\nhandler is executed. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "name": "scope", - "owner": "Ext.Action", - "doc": "The scope (this reference) in which the\nhandler is executed. Defaults to the browser window.
The text to set for all components configured by this Action (defaults to '').
\n", - "linenr": 66, - "html_filename": "Action2.html" - } - ], - "method": [ - { - "deprecated": null, - "alias": null, - "href": "Action2.html#Ext-Action-method-constructor", - "tagname": "method", - "protected": false, - "shortDoc": "Creates new Action. ...", - "static": false, - "params": [ - { - "type": "Object", - "optional": false, - "doc": "Config object.
\n", - "name": "config" - } - ], - "private": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "doc": "Creates new Action.
\n", - "owner": "Ext.Action", - "name": "Action", - "html_filename": "Action2.html", - "return": { - "type": "Object", - "doc": "\n" - }, - "linenr": 102 - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-addStatics", - "shortDoc": "Add / override static properties of this class. ...", - "static": true, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - { - "type": "Object", - "optional": false, - "doc": "\n", - "name": "members" - } - ], - "name": "addStatics", - "owner": "Ext.Base", - "doc": "Add / override static properties of this class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.addStatics({\n someProperty: 'someValue', // My.cool.Class.someProperty = 'someValue'\n method1: function() { ... }, // My.cool.Class.method1 = function() { ... };\n method2: function() { ... } // My.cool.Class.method2 = function() { ... };\n});\nthis
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-callOverridden", - "shortDoc": "Call the original method that was previously overridden with Ext.Base.override\n\nExt.define('My.Cat', {\n constructo...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - { - "type": "Array/Arguments", - "optional": false, - "doc": "The arguments, either an array or the arguments object
Call the original method that was previously overridden with Ext.Base.override
\n\nExt.define('My.Cat', {\n constructor: function() {\n alert(\"I'm a cat!\");\n\n return this;\n }\n});\n\nMy.Cat.override({\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n var instance = this.callOverridden();\n\n alert(\"Meeeeoooowwww\");\n\n return instance;\n }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n // alerts \"I'm a cat!\"\n // alerts \"Meeeeoooowwww\"\nReturns the result after calling the overridden method
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": true, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-callParent", - "shortDoc": "Call the parent's overridden method. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - { - "type": "Array/Arguments", - "optional": false, - "doc": "The arguments, either an array or the arguments object\nfrom the current method, for example: this.callParent(arguments)
Call the parent's overridden method. For example:
\n\nExt.define('My.own.A', {\n constructor: function(test) {\n alert(test);\n }\n});\n\nExt.define('My.own.B', {\n extend: 'My.own.A',\n\n constructor: function(test) {\n alert(test);\n\n this.callParent([test + 1]);\n }\n});\n\nExt.define('My.own.C', {\n extend: 'My.own.B',\n\n constructor: function() {\n alert(\"Going to call parent's overriden constructor...\");\n\n this.callParent(arguments);\n }\n});\n\nvar a = new My.own.A(1); // alerts '1'\nvar b = new My.own.B(1); // alerts '1', then alerts '2'\nvar c = new My.own.C(2); // alerts \"Going to call parent's overriden constructor...\"\n // alerts '2', then alerts '3'\nReturns the result from the superclass' method
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-create", - "shortDoc": "Create a new instance of this Class. ...", - "static": true, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - - ], - "name": "create", - "owner": "Ext.Base", - "doc": "Create a new instance of this Class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.create({\n someConfig: true\n});\nAll parameters are passed to the constructor of the class.
\n", - "linenr": 329, - "return": { - "type": "Object", - "doc": "the created instance.
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-createAlias", - "shortDoc": "Create aliases for existing prototype methods. ...", - "static": true, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - { - "type": "String/Object", - "optional": false, - "doc": "The new method name, or an object to set multiple aliases. See\nflexSetter
\n", - "name": "alias" - }, - { - "type": "String/Object", - "optional": false, - "doc": "The original method name
\n", - "name": "origin" - } - ], - "name": "createAlias", - "owner": "Ext.Base", - "doc": "Create aliases for existing prototype methods. Example:
\n\nExt.define('My.cool.Class', {\n method1: function() { ... },\n method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n method3: 'method1',\n method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\nDisables all components configured by this Action.
\n", - "linenr": 165, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-each", - "shortDoc": "Executes the specified function once for each Component currently tied to this Action. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - { - "type": "Function", - "optional": false, - "doc": "The function to execute for each component
\n", - "name": "fn" - }, - { - "type": "Object", - "optional": false, - "doc": "The scope (this reference) in which the function is executed. Defaults to the Component.
Executes the specified function once for each Component currently tied to this Action. The function passed\nin should accept a single argument that will be an object that supports the basic Action config/method interface.
\n", - "linenr": 222, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-enable", - "shortDoc": "Enables all components configured by this Action. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - - ], - "name": "enable", - "owner": "Ext.Action", - "doc": "Enables all components configured by this Action.
\n", - "linenr": 158, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-execute", - "shortDoc": "Executes this Action manually using the handler function specified in the original config object\nor the handler funct...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - { - "type": "Mixed", - "optional": true, - "doc": "(optional) Variable number of arguments passed to the handler function
\n", - "name": "arg1" - }, - { - "type": "Mixed", - "optional": true, - "doc": "(optional)
\n", - "name": "arg2" - }, - { - "type": "Mixed", - "optional": true, - "doc": "... (optional)
\n", - "name": "etc" - } - ], - "name": "execute", - "owner": "Ext.Action", - "doc": "Executes this Action manually using the handler function specified in the original config object\nor the handler function set with setHandler. Any arguments passed to this\nfunction will be passed on to the handler function.
Gets the icon CSS class currently used by all components configured by this Action.
\n", - "linenr": 141, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-getName", - "shortDoc": "Get the current class' name in string format. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - - ], - "name": "getName", - "owner": "Ext.Base", - "doc": "Get the current class' name in string format.
\n\nExt.define('My.cool.Class', {\n constructor: function() {\n alert(this.self.getName()); // alerts 'My.cool.Class'\n }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\nclassName
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-getText", - "shortDoc": "Gets the text currently displayed by all components configured by this Action. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - - ], - "name": "getText", - "owner": "Ext.Action", - "doc": "Gets the text currently displayed by all components configured by this Action.
\n", - "linenr": 124, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-hide", - "shortDoc": "Hides all components configured by this Action. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - - ], - "name": "hide", - "owner": "Ext.Action", - "doc": "Hides all components configured by this Action.
\n", - "linenr": 196, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-implement", - "shortDoc": "Add methods / properties to the prototype of this class. ...", - "static": true, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - { - "type": "Object", - "optional": false, - "doc": "\n", - "name": "members" - } - ], - "name": "implement", - "owner": "Ext.Base", - "doc": "Add methods / properties to the prototype of this class.
\n\nExt.define('My.awesome.Cat', {\n constructor: function() {\n ...\n }\n});\n\n My.awesome.Cat.implement({\n meow: function() {\n alert('Meowww...');\n }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\nInitialize configuration for this class. a typical example:
\n\nExt.define('My.awesome.Class', {\n // The default config\n config: {\n name: 'Awesome',\n isAwesome: true\n },\n\n constructor: function(config) {\n this.initConfig(config);\n\n return this;\n }\n});\n\nvar awesome = new My.awesome.Class({\n name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\nmixins The mixin prototypes as key - value pairs
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-isDisabled", - "shortDoc": "Returns true if the components using this Action are currently disabled, else returns false. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - - ], - "name": "isDisabled", - "owner": "Ext.Action", - "doc": "Returns true if the components using this Action are currently disabled, else returns false.
\n", - "linenr": 172, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-isHidden", - "shortDoc": "Returns true if the components configured by this Action are currently hidden, else returns false. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - - ], - "name": "isHidden", - "owner": "Ext.Action", - "doc": "Returns true if the components configured by this Action are currently hidden, else returns false.
\n", - "linenr": 203, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-override", - "shortDoc": "Override prototype members of this class. ...", - "static": true, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - { - "type": "Object", - "optional": false, - "doc": "\n", - "name": "members" - } - ], - "name": "override", - "owner": "Ext.Base", - "doc": "Override prototype members of this class. Overridden methods can be invoked via\nExt.Base.callOverridden
\n\nExt.define('My.Cat', {\n constructor: function() {\n alert(\"I'm a cat!\");\n\n return this;\n }\n});\n\nMy.Cat.override({\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n var instance = this.callOverridden();\n\n alert(\"Meeeeoooowwww\");\n\n return instance;\n }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n // alerts \"I'm a cat!\"\n // alerts \"Meeeeoooowwww\"\nthis
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-setDisabled", - "shortDoc": "Sets the disabled state of all components configured by this Action. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - { - "type": "Boolean", - "optional": false, - "doc": "True to disable the component, false to enable it
\n", - "name": "disabled" - } - ], - "name": "setDisabled", - "owner": "Ext.Action", - "doc": "Sets the disabled state of all components configured by this Action. Shortcut method\nfor enable and disable.
\n", - "linenr": 148, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-setHandler", - "shortDoc": "Sets the function that will be called by each Component using this action when its primary event is triggered. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - { - "type": "Function", - "optional": false, - "doc": "The function that will be invoked by the action's components. The function\nwill be called with no arguments.
\n", - "name": "fn" - }, - { - "type": "Object", - "optional": false, - "doc": "The scope (this reference) in which the function is executed. Defaults to the Component firing the event.
Sets the function that will be called by each Component using this action when its primary event is triggered.
\n", - "linenr": 210, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-setHidden", - "shortDoc": "Sets the hidden state of all components configured by this Action. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - { - "type": "Boolean", - "optional": false, - "doc": "True to hide the component, false to show it
\n", - "name": "hidden" - } - ], - "name": "setHidden", - "owner": "Ext.Action", - "doc": "Sets the hidden state of all components configured by this Action. Shortcut method\nfor hide and show.
The CSS class supplying the icon image
\n", - "name": "cls" - } - ], - "name": "setIconCls", - "owner": "Ext.Action", - "doc": "Sets the icon CSS class for all components configured by this Action. The class should supply\na background image that will be used as the icon image.
\n", - "linenr": 131, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-setText", - "shortDoc": "Sets the text to be displayed by all components configured by this Action. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - { - "type": "String", - "optional": false, - "doc": "The text to display
\n", - "name": "text" - } - ], - "name": "setText", - "owner": "Ext.Action", - "doc": "Sets the text to be displayed by all components configured by this Action.
\n", - "linenr": 115, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Action2.html#Ext-Action-method-show", - "shortDoc": "Shows all components configured by this Action. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/extjs/src/Action.js", - "private": false, - "params": [ - - ], - "name": "show", - "owner": "Ext.Action", - "doc": "Shows all components configured by this Action.
\n", - "linenr": 189, - "return": { - "type": "void", - "doc": "\n" - }, - "html_filename": "Action2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": true, - "tagname": "method", - "href": "Base3.html#Ext-Base-method-statics", - "shortDoc": "Get the reference to the class from which this object was instantiated. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js", - "private": false, - "params": [ - - ], - "name": "statics", - "owner": "Ext.Base", - "doc": "Get the reference to the class from which this object was instantiated. Note that unlike Ext.Base.self,\nthis.statics() is scope-independent and it always returns the class from which it was called, regardless of what\nthis points to during run-time
Ext.define('My.Cat', {\n statics: {\n totalCreated: 0,\n speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n },\n\n constructor: function() {\n var statics = this.statics();\n\n alert(statics.speciesName); // always equals to 'Cat' no matter what 'this' refers to\n // equivalent to: My.Cat.speciesName\n\n alert(this.self.speciesName); // dependent on 'this'\n\n statics.totalCreated++;\n\n return this;\n },\n\n clone: function() {\n var cloned = new this.self; // dependent on 'this'\n\n cloned.groupName = this.statics().speciesName; // equivalent to: My.Cat.speciesName\n\n return cloned;\n }\n});\n\n\nExt.define('My.SnowLeopard', {\n extend: 'My.Cat',\n\n statics: {\n speciesName: 'Snow Leopard' // My.SnowLeopard.speciesName = 'Snow Leopard'\n },\n\n constructor: function() {\n this.callParent();\n }\n});\n\nvar cat = new My.Cat(); // alerts 'Cat', then alerts 'Cat'\n\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone)); // alerts 'My.SnowLeopard'\nalert(clone.groupName); // alerts 'Cat'\n\nalert(My.Cat.totalCreated); // alerts 3\nGet the reference to the current class from which this object was instantiated. Unlike Ext.Base.statics,\nthis.self is scope-dependent and it's meant to be used for dynamic inheritance. See Ext.Base.statics\nfor a detailed comparison
Ext.define('My.Cat', {\n statics: {\n speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n },\n\n constructor: function() {\n alert(this.self.speciesName); / dependent on 'this'\n\n return this;\n },\n\n clone: function() {\n return new this.self();\n }\n});\n\n\nExt.define('My.SnowLeopard', {\n extend: 'My.Cat',\n statics: {\n speciesName: 'Snow Leopard' // My.SnowLeopard.speciesName = 'Snow Leopard'\n }\n});\n\nvar cat = new My.Cat(); // alerts 'Cat'\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone)); // alerts 'My.SnowLeopard'\nAn Action is a piece of reusable functionality that can be abstracted out of any particular component so that it\ncan be usefully shared among multiple components. Actions let you share handlers, configuration options and UI\nupdates across any components that support the Action interface (primarily Ext.toolbar.Toolbar, Ext.button.Button\nand Ext.menu.Menu components).
\n\n\nUse a single Action instance as the config object for any number of UI Components which share the same configuration. The\nAction not only supplies the configuration, but allows all Components based upon it to have a common set of methods\ncalled at once through a single call to the Action.
\n\n\nAny Component that is to be configured with an Action must also support\nthe following methods:
setText(string)setIconCls(string)setDisabled(boolean)setVisible(boolean)setHandler(function)This allows the Action to control its associated Components.
\n\n\nExample usage:
// Define the shared Action. Each Component below will have the same\n// display text and icon, and will display the same message on click.\nvar action = new Ext.Action({\n text: 'Do something',\n handler: function(){\n Ext.Msg.alert('Click', 'You did something.');\n },\n iconCls: 'do-something',\n itemId: 'myAction'\n});\n\nvar panel = new Ext.panel.Panel({\n title: 'Actions',\n width: 500,\n height: 300,\n tbar: [\n // Add the Action directly to a toolbar as a menu button\n action,\n {\n text: 'Action Menu',\n // Add the Action to a menu as a text item\n menu: [action]\n }\n ],\n items: [\n // Add the Action to the panel body as a standard button\n new Ext.button.Button(action)\n ],\n renderTo: Ext.getBody()\n});\n\n// Change the text for all components using the Action\naction.setText('Something else');\n\n// Reference an Action through a container using the itemId\nvar btn = panel.getComponent('myAction');\nvar aRef = btn.baseAction;\naRef.setText('New text');\nHierarchy
Ext.BaseExt.ActionFiles
An Action is a piece of reusable functionality that can be abstracted out of any particular component so that it\ncan be usefully shared among multiple components. Actions let you share handlers, configuration options and UI\nupdates across any components that support the Action interface (primarily Ext.toolbar.Toolbar, Ext.button.Button\nand Ext.menu.Menu components).
\n\n\nUse a single Action instance as the config object for any number of UI Components which share the same configuration. The\nAction not only supplies the configuration, but allows all Components based upon it to have a common set of methods\ncalled at once through a single call to the Action.
\n\n\nAny Component that is to be configured with an Action must also support\nthe following methods:
setText(string)setIconCls(string)setDisabled(boolean)setVisible(boolean)setHandler(function)This allows the Action to control its associated Components.
\n\n\nExample usage:
// Define the shared Action. Each Component below will have the same\n// display text and icon, and will display the same message on click.\nvar action = new Ext.Action({\n text: 'Do something',\n handler: function(){\n Ext.Msg.alert('Click', 'You did something.');\n },\n iconCls: 'do-something',\n itemId: 'myAction'\n});\n\nvar panel = new Ext.panel.Panel({\n title: 'Actions',\n width: 500,\n height: 300,\n tbar: [\n // Add the Action directly to a toolbar as a menu button\n action,\n {\n text: 'Action Menu',\n // Add the Action to a menu as a text item\n menu: [action]\n }\n ],\n items: [\n // Add the Action to the panel body as a standard button\n new Ext.button.Button(action)\n ],\n renderTo: Ext.getBody()\n});\n\n// Change the text for all components using the Action\naction.setText('Something else');\n\n// Reference an Action through a container using the itemId\nvar btn = panel.getComponent('myAction');\nvar aRef = btn.baseAction;\naRef.setText('New text');\nTrue to disable all components configured by this Action, false to enable them.
\nDefaults to: false
The function that will be invoked by each component tied to this Action\nwhen the component's primary event is triggered.
\nThe function that will be invoked by each component tied to this Action\nwhen the component's primary event is triggered.
\nThe CSS class selector that specifies a background image to be used as the header icon for\nall components configured by this Action.
\n\nAn example of specifying a custom icon class would be something like:\n
\n\n\n// specify the property in the config for the class:\n ...\n iconCls: 'do-something'\n\n// css class that specifies background image to be used as the icon image:\n.do-something { background-image: url(../images/my-icon.gif) 0 6px no-repeat !important; }\nDefaults to: ""
The scope (this reference) in which the handler is executed.\nDefaults to the browser window.
\nGet the reference to the current class from which this object was instantiated. Unlike statics,\nthis.self is scope-dependent and it's meant to be used for dynamic inheritance. See statics\nfor a detailed comparison
Ext.define('My.Cat', {\n statics: {\n speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n },\n\n constructor: function() {\n alert(this.self.speciesName); / dependent on 'this'\n\n return this;\n },\n\n clone: function() {\n return new this.self();\n }\n});\n\n\nExt.define('My.SnowLeopard', {\n extend: 'My.Cat',\n statics: {\n speciesName: 'Snow Leopard' // My.SnowLeopard.speciesName = 'Snow Leopard'\n }\n});\n\nvar cat = new My.Cat(); // alerts 'Cat'\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone)); // alerts 'My.SnowLeopard'\nCall the original method that was previously overridden with override
\n\nExt.define('My.Cat', {\n constructor: function() {\n alert(\"I'm a cat!\");\n\n return this;\n }\n});\n\nMy.Cat.override({\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n var instance = this.callOverridden();\n\n alert(\"Meeeeoooowwww\");\n\n return instance;\n }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n // alerts \"I'm a cat!\"\n // alerts \"Meeeeoooowwww\"\nThe arguments, either an array or the arguments object
Returns the result after calling the overridden method
\nCall the parent's overridden method. For example:
\n\nExt.define('My.own.A', {\n constructor: function(test) {\n alert(test);\n }\n});\n\nExt.define('My.own.B', {\n extend: 'My.own.A',\n\n constructor: function(test) {\n alert(test);\n\n this.callParent([test + 1]);\n }\n});\n\nExt.define('My.own.C', {\n extend: 'My.own.B',\n\n constructor: function() {\n alert(\"Going to call parent's overriden constructor...\");\n\n this.callParent(arguments);\n }\n});\n\nvar a = new My.own.A(1); // alerts '1'\nvar b = new My.own.B(1); // alerts '1', then alerts '2'\nvar c = new My.own.C(2); // alerts \"Going to call parent's overriden constructor...\"\n // alerts '2', then alerts '3'\nThe arguments, either an array or the arguments object\nfrom the current method, for example: this.callParent(arguments)
Returns the result from the superclass' method
\nDisables all components configured by this Action.
\nExecutes the specified function once for each Component currently tied to this Action. The function passed\nin should accept a single argument that will be an object that supports the basic Action config/method interface.
\nEnables all components configured by this Action.
\nExecutes this Action manually using the handler function specified in the original config object\nor the handler function set with setHandler. Any arguments passed to this\nfunction will be passed on to the handler function.
Variable number of arguments passed to the handler function
\nGets the icon CSS class currently used by all components configured by this Action.
\nGets the text currently displayed by all components configured by this Action.
\nHides all components configured by this Action.
\nInitialize configuration for this class. a typical example:
\n\nExt.define('My.awesome.Class', {\n // The default config\n config: {\n name: 'Awesome',\n isAwesome: true\n },\n\n constructor: function(config) {\n this.initConfig(config);\n\n return this;\n }\n});\n\nvar awesome = new My.awesome.Class({\n name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\nmixins The mixin prototypes as key - value pairs
\nReturns true if the components using this Action are currently disabled, else returns false.
\nReturns true if the components configured by this Action are currently hidden, else returns false.
\nSets the function that will be called by each Component using this action when its primary event is triggered.
\nSets the icon CSS class for all components configured by this Action. The class should supply\na background image that will be used as the icon image.
\nThe CSS class supplying the icon image
\nSets the text to be displayed by all components configured by this Action.
\nThe text to display
\nShows all components configured by this Action.
\nGet the reference to the class from which this object was instantiated. Note that unlike self,\nthis.statics() is scope-independent and it always returns the class from which it was called, regardless of what\nthis points to during run-time
Ext.define('My.Cat', {\n statics: {\n totalCreated: 0,\n speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n },\n\n constructor: function() {\n var statics = this.statics();\n\n alert(statics.speciesName); // always equals to 'Cat' no matter what 'this' refers to\n // equivalent to: My.Cat.speciesName\n\n alert(this.self.speciesName); // dependent on 'this'\n\n statics.totalCreated++;\n\n return this;\n },\n\n clone: function() {\n var cloned = new this.self; // dependent on 'this'\n\n cloned.groupName = this.statics().speciesName; // equivalent to: My.Cat.speciesName\n\n return cloned;\n }\n});\n\n\nExt.define('My.SnowLeopard', {\n extend: 'My.Cat',\n\n statics: {\n speciesName: 'Snow Leopard' // My.SnowLeopard.speciesName = 'Snow Leopard'\n },\n\n constructor: function() {\n this.callParent();\n }\n});\n\nvar cat = new My.Cat(); // alerts 'Cat', then alerts 'Cat'\n\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone)); // alerts 'My.SnowLeopard'\nalert(clone.groupName); // alerts 'Cat'\n\nalert(My.Cat.totalCreated); // alerts 3\nAdd / override static properties of this class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.addStatics({\n someProperty: 'someValue', // My.cool.Class.someProperty = 'someValue'\n method1: function() { ... }, // My.cool.Class.method1 = function() { ... };\n method2: function() { ... } // My.cool.Class.method2 = function() { ... };\n});\nthis
\nBorrow another class' members to the prototype of this class.
\n\nExt.define('Bank', {\n money: '$$$',\n printMoney: function() {\n alert('$$$$$$$');\n }\n});\n\nExt.define('Thief', {\n ...\n});\n\nThief.borrow(Bank, ['money', 'printMoney']);\n\nvar steve = new Thief();\n\nalert(steve.money); // alerts '$$$'\nsteve.printMoney(); // alerts '$$$$$$$'\nThe class to borrow members from
\nThe names of the members to borrow
\nthis
\nCreate a new instance of this Class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.create({\n someConfig: true\n});\nAll parameters are passed to the constructor of the class.
\nthe created instance.
\nCreate aliases for existing prototype methods. Example:
\n\nExt.define('My.cool.Class', {\n method1: function() { ... },\n method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n method3: 'method1',\n method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\nThe new method name, or an object to set multiple aliases. See\nflexSetter
\nThe original method name
\nGet the current class' name in string format.
\n\nExt.define('My.cool.Class', {\n constructor: function() {\n alert(this.self.getName()); // alerts 'My.cool.Class'\n }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\nclassName
\nAdd methods / properties to the prototype of this class.
\n\nExt.define('My.awesome.Cat', {\n constructor: function() {\n ...\n }\n});\n\n My.awesome.Cat.implement({\n meow: function() {\n alert('Meowww...');\n }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\nOverride prototype members of this class. Overridden methods can be invoked via\ncallOverridden
\n\nExt.define('My.Cat', {\n constructor: function() {\n alert(\"I'm a cat!\");\n\n return this;\n }\n});\n\nMy.Cat.override({\n constructor: function() {\n alert(\"I'm going to be a cat!\");\n\n var instance = this.callOverridden();\n\n alert(\"Meeeeoooowwww\");\n\n return instance;\n }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n // alerts \"I'm a cat!\"\n // alerts \"Meeeeoooowwww\"\nthis
\n