X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..refs/heads/master:/docs/output/Ext.Template.js?ds=sidebyside diff --git a/docs/output/Ext.Template.js b/docs/output/Ext.Template.js index d1bb26c4..d0b8c4a9 100644 --- a/docs/output/Ext.Template.js +++ b/docs/output/Ext.Template.js @@ -1,709 +1 @@ -Ext.data.JsonP.Ext_Template({ - "allMixins": [ - - ], - "deprecated": null, - "docauthor": null, - "members": { - "cfg": [ - { - "type": "Boolean", - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "cfg", - "href": "Template2.html#Ext-Template-cfg-disableFormats", - "shortDoc": "true to disable format functions in the template. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "name": "disableFormats", - "owner": "Ext.Template", - "doc": "
true to disable format functions in the template. If the template doesn't contain format functions, setting\ndisableFormats to true will reduce apply time (defaults to false)
\n", - "linenr": 111, - "html_filename": "Template2.html" - } - ], - "method": [ - { - "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});\n
\n",
- "linenr": 388,
- "return": {
- "type": "Ext.Base",
- "doc": "this
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-append", - "shortDoc": "Applies the supplied values to the template and appends\nthe new node(s) to the specified el. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - { - "type": "Mixed", - "optional": false, - "doc": "The context element
\n", - "name": "el" - }, - { - "type": "Object/Array", - "optional": false, - "doc": "The template values. Can be an array if the params are numeric (i.e. {0}
)\nor an object (i.e. {foo: 'bar'}
).
(optional) true to return an Ext.core.Element (defaults to undefined)
\n", - "name": "returnElement" - } - ], - "name": "append", - "owner": "Ext.Template", - "doc": "Applies the supplied values
to the template and appends\nthe new node(s) to the specified el
.
For example usage see the constructor.
\n\n", - "linenr": 235, - "return": { - "type": "HTMLElement/Ext.core.Element", - "doc": "The new node or Element
\n" - }, - "html_filename": "Template2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-apply", - "shortDoc": "Alias for applyTemplate\nReturns an HTML fragment of this template with the specified values applied. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - { - "type": "Object/Array", - "optional": false, - "doc": "The template values. Can be an array if the params are numeric (i.e. {0}
)\nor an object (i.e. {foo: 'bar'}
).
Alias for applyTemplate\nReturns an HTML fragment of this template with the specified values
applied.
The HTML fragment
\n" - }, - "html_filename": "Template2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-applyTemplate", - "shortDoc": "Returns an HTML fragment of this template with the specified values applied. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - { - "type": "Object/Array", - "optional": false, - "doc": "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
\n", - "name": "values" - } - ], - "name": "applyTemplate", - "owner": "Ext.Template", - "doc": "Returns an HTML fragment of this template with the specified values applied.
\n", - "linenr": 118, - "return": { - "type": "String", - "doc": "The HTML fragment
\n" - }, - "html_filename": "Template2.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\"\n
\n",
- "linenr": 269,
- "return": {
- "type": "Mixed",
- "doc": "Returns 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'\n
\n",
- "linenr": 124,
- "return": {
- "type": "Mixed",
- "doc": "Returns the result from the superclass' method
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-compile", - "shortDoc": "Compiles the template into an internal function, eliminating the RegEx overhead. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - - ], - "name": "compile", - "owner": "Ext.Template", - "doc": "Compiles the template into an internal function, eliminating the RegEx overhead.
\n", - "linenr": 169, - "return": { - "type": "Ext.Template", - "doc": "this
\n" - }, - "html_filename": "Template2.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});\n
\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()\n
\n",
- "linenr": 648,
- "return": {
- "type": "void",
- "doc": "\n"
- },
- "html_filename": "Base3.html"
- },
- {
- "deprecated": null,
- "alias": null,
- "protected": false,
- "tagname": "method",
- "href": "Template2.html#Ext-Template-method-from",
- "shortDoc": "Creates a template from the passed element's value (display:none textarea, preferred) or innerHTML. ...",
- "static": true,
- "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js",
- "private": false,
- "params": [
- {
- "type": "String/HTMLElement",
- "optional": false,
- "doc": "A DOM element or its id
\n", - "name": "el" - }, - { - "type": "Object", - "optional": false, - "doc": "A configuration object
\n", - "name": "config" - } - ], - "name": "from", - "owner": "Ext.Template", - "doc": "Creates a template from the passed element's value (display:none textarea, preferred) or innerHTML.
\n", - "linenr": 59, - "return": { - "type": "Ext.Template", - "doc": "The created template
\n" - }, - "html_filename": "Template2.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'\n
\n",
- "linenr": 631,
- "return": {
- "type": "String",
- "doc": "className
\n" - }, - "html_filename": "Base3.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();\n
\n",
- "linenr": 415,
- "return": {
- "type": "void",
- "doc": "\n"
- },
- "html_filename": "Base3.html"
- },
- {
- "deprecated": null,
- "alias": null,
- "protected": true,
- "tagname": "method",
- "href": "Base3.html#Ext-Base-method-initConfig",
- "shortDoc": "Initialize configuration for this class. ...",
- "static": false,
- "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js",
- "private": false,
- "params": [
- {
- "type": "Object",
- "optional": false,
- "doc": "\n",
- "name": "config"
- }
- ],
- "name": "initConfig",
- "owner": "Ext.Base",
- "doc": "Initialize 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'\n
\n",
- "linenr": 63,
- "return": {
- "type": "Object",
- "doc": "mixins The mixin prototypes as key - value pairs
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-insertAfter", - "shortDoc": "Applies the supplied values to the template and inserts the new node(s) after el. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - { - "type": "Mixed", - "optional": false, - "doc": "The context element
\n", - "name": "el" - }, - { - "type": "Object/Array", - "optional": false, - "doc": "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
\n", - "name": "values" - }, - { - "type": "Boolean", - "optional": true, - "doc": "(optional) true to return a Ext.core.Element (defaults to undefined)
\n", - "name": "returnElement" - } - ], - "name": "insertAfter", - "owner": "Ext.Template", - "doc": "Applies the supplied values to the template and inserts the new node(s) after el.
\n", - "linenr": 224, - "return": { - "type": "HTMLElement/Ext.core.Element", - "doc": "The new node or Element
\n" - }, - "html_filename": "Template2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-insertBefore", - "shortDoc": "Applies the supplied values to the template and inserts the new node(s) before el. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - { - "type": "Mixed", - "optional": false, - "doc": "The context element
\n", - "name": "el" - }, - { - "type": "Object/Array", - "optional": false, - "doc": "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
\n", - "name": "values" - }, - { - "type": "Boolean", - "optional": true, - "doc": "(optional) true to return a Ext.core.Element (defaults to undefined)
\n", - "name": "returnElement" - } - ], - "name": "insertBefore", - "owner": "Ext.Template", - "doc": "Applies the supplied values to the template and inserts the new node(s) before el.
\n", - "linenr": 213, - "return": { - "type": "HTMLElement/Ext.core.Element", - "doc": "The new node or Element
\n" - }, - "html_filename": "Template2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-insertFirst", - "shortDoc": "Applies the supplied values to the template and inserts the new node(s) as the first child of el. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - { - "type": "Mixed", - "optional": false, - "doc": "The context element
\n", - "name": "el" - }, - { - "type": "Object/Array", - "optional": false, - "doc": "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
\n", - "name": "values" - }, - { - "type": "Boolean", - "optional": true, - "doc": "(optional) true to return a Ext.core.Element (defaults to undefined)
\n", - "name": "returnElement" - } - ], - "name": "insertFirst", - "owner": "Ext.Template", - "doc": "Applies the supplied values to the template and inserts the new node(s) as the first child of el.
\n", - "linenr": 202, - "return": { - "type": "HTMLElement/Ext.core.Element", - "doc": "The new node or Element
\n" - }, - "html_filename": "Template2.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\"\n
\n",
- "linenr": 518,
- "return": {
- "type": "Ext.Base",
- "doc": "this
\n" - }, - "html_filename": "Base3.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-overwrite", - "shortDoc": "Applies the supplied values to the template and overwrites the content of el with the new node(s). ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - { - "type": "Mixed", - "optional": false, - "doc": "The context element
\n", - "name": "el" - }, - { - "type": "Object/Array", - "optional": false, - "doc": "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
\n", - "name": "values" - }, - { - "type": "Boolean", - "optional": true, - "doc": "(optional) true to return a Ext.core.Element (defaults to undefined)
\n", - "name": "returnElement" - } - ], - "name": "overwrite", - "owner": "Ext.Template", - "doc": "Applies the supplied values to the template and overwrites the content of el with the new node(s).
\n", - "linenr": 256, - "return": { - "type": "HTMLElement/Ext.core.Element", - "doc": "The new node or Element
\n" - }, - "html_filename": "Template2.html" - }, - { - "deprecated": null, - "alias": null, - "protected": false, - "tagname": "method", - "href": "Template2.html#Ext-Template-method-set", - "shortDoc": "Sets the HTML used as the template and optionally compiles it. ...", - "static": false, - "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js", - "private": false, - "params": [ - { - "type": "String", - "optional": false, - "doc": "\n", - "name": "html" - }, - { - "type": "Boolean", - "optional": true, - "doc": "(optional) True to compile the template (defaults to undefined)
\n", - "name": "compile" - } - ], - "name": "set", - "owner": "Ext.Template", - "doc": "Sets the HTML used as the template and optionally compiles it.
\n", - "linenr": 153, - "return": { - "type": "Ext.Template", - "doc": "this
\n" - }, - "html_filename": "Template2.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\n
\n",
- "linenr": 199,
- "return": {
- "type": "Class",
- "doc": "\n"
- },
- "html_filename": "Base3.html"
- }
- ],
- "property": [
- {
- "type": "Class",
- "deprecated": null,
- "alias": null,
- "protected": true,
- "tagname": "property",
- "href": "Base3.html#Ext-Base-property-self",
- "shortDoc": "Get the reference to the current class from which this object was instantiated. ...",
- "static": false,
- "filename": "/mnt/ebs/nightly/git/SDK/platform/core/src/class/Base.js",
- "private": false,
- "name": "self",
- "owner": "Ext.Base",
- "doc": "Get 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'\n
\n",
- "linenr": 18,
- "html_filename": "Base3.html"
- }
- ],
- "cssVar": [
-
- ],
- "cssMixin": [
-
- ],
- "event": [
-
- ]
- },
- "singleton": false,
- "alias": null,
- "superclasses": [
- "Ext.Base"
- ],
- "protected": false,
- "tagname": "class",
- "mixins": [
-
- ],
- "href": "Template2.html#Ext-Template",
- "subclasses": [
- "Ext.XTemplate"
- ],
- "static": false,
- "author": null,
- "component": false,
- "filename": "/mnt/ebs/nightly/git/SDK/platform/src/Template.js",
- "private": false,
- "alternateClassNames": [
-
- ],
- "name": "Ext.Template",
- "doc": "Represents an HTML fragment template. Templates may be precompiled\nfor greater performance.
\n\n\nAn instance of this class may be created by passing to the constructor either\na single argument, or multiple arguments:
\n\nvar t = new Ext.Template(\"<div>Hello {0}.</div>\");\nt.append('some-element', ['foo']);\n
\njoin('')
.\nvar t = new Ext.Template([\n '<div name=\"{id}\">',\n '<span class=\"{cls}\">{name:trim} {value:ellipsis(10)}</span>',\n '</div>',\n]);\nt.compile();\nt.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});\n
\njoin('')
.\nvar t = new Ext.Template(\n '<div name=\"{id}\">',\n '<span class=\"{cls}\">{name} {value}</span>',\n '</div>',\n // a configuration object:\n {\n compiled: true, // compile immediately\n }\n);\n
\nNotes:
\ndisableFormats
reduces apply
time\nwhen no formatting is required.Hierarchy
Ext.BaseExt.TemplateRequires
Files
Represents an HTML fragment template. Templates may be precompiled for greater performance.
\n\nAn instance of this class may be created by passing to the constructor either a single argument, or multiple\narguments:
\n\nThe single argument may be either a String or an Array:
\n\nString:
\n\nvar t = new Ext.Template(\"<div>Hello {0}.</div>\");\nt.append('some-element', ['foo']);\n
Array:
\n\nAn Array will be combined with join('')
.
var t = new Ext.Template([\n '<div name=\"{id}\">',\n '<span class=\"{cls}\">{name:trim} {value:ellipsis(10)}</span>',\n '</div>',\n]);\nt.compile();\nt.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});\n
Multiple arguments will be combined with join('')
.
var t = new Ext.Template(\n '<div name=\"{id}\">',\n '<span class=\"{cls}\">{name} {value}</span>',\n '</div>',\n // a configuration object:\n {\n compiled: true, // compile immediately\n }\n);\n
\n\ndisableFormats
reduces apply
time when no formatting is required.True to immediately compile the template. Defaults to false.
\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'\n
\nApplies the supplied values
to the template and appends the new node(s) to the specified el
.
For example usage see Ext.Template class docs.
\nThe context element
\nThe template values. See applyTemplate for details.
\ntrue to return an Ext.Element.
\nThe new node or Element
\nAlias for applyTemplate.
\n\nReturns an HTML fragment of this template with the specified values applied.
\nThe template values. Can be an array if your params are numeric:
\n\n\n\n\nvar tpl = new Ext.Template('Name: {0}, Age: {1}');\ntpl.applyTemplate(['John', 25]);\n
\n\n\n\n\nor an object:
\n\n\n\n\nvar tpl = new Ext.Template('Name: {name}, Age: {age}');\ntpl.applyTemplate({name: 'John', age: 25});\n
\n\nThe HTML fragment
\n\nReturns an HTML fragment of this template with the specified values applied.
\nThe template values. Can be an array if your params are numeric:
\n\n\n\n\nvar tpl = new Ext.Template('Name: {0}, Age: {1}');\ntpl.applyTemplate(['John', 25]);\n
\n\n\n\n\nor an object:
\n\n\n\n\nvar tpl = new Ext.Template('Name: {name}, Age: {age}');\ntpl.applyTemplate({name: 'John', age: 25});\n
\n\nThe HTML fragment
\n\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\"\n
\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'\n
\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
\nCompiles the template into an internal function, eliminating the RegEx overhead.
\nthis
\nInitialize configuration for this class. a typical example:
\n\nExt.define('My.awesome.Class', {\n // The default config\n config: {\n name: 'Awesome',\n isAwesome: true\n },\n\n constructor: function(config) {\n this.initConfig(config);\n\n return this;\n }\n});\n\nvar awesome = new My.awesome.Class({\n name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\nmixins The mixin prototypes as key - value pairs
\nApplies the supplied values to the template and inserts the new node(s) after el.
\nThe context element
\nThe template values. See applyTemplate for details.
\ntrue to return a Ext.Element.
\nThe new node or Element
\nApplies the supplied values to the template and inserts the new node(s) before el.
\nThe context element
\nThe template values. See applyTemplate for details.
\ntrue to return a Ext.Element.
\nThe new node or Element
\nApplies the supplied values to the template and inserts the new node(s) as the first child of el.
\nThe context element
\nThe template values. See applyTemplate for details.
\ntrue to return a Ext.Element.
\nThe new node or Element
\nApplies the supplied values to the template and overwrites the content of el with the new node(s).
\nThe context element
\nThe template values. See applyTemplate for details.
\ntrue to return a Ext.Element.
\nThe new node or Element
\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\n
\nAdd / override static properties of this class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.addStatics({\n someProperty: 'someValue', // My.cool.Class.someProperty = 'someValue'\n method1: function() { ... }, // My.cool.Class.method1 = function() { ... };\n method2: function() { ... } // My.cool.Class.method2 = function() { ... };\n});\n
\nthis
\nBorrow another class' members to the prototype of this class.
\n\nExt.define('Bank', {\n money: '$$$',\n printMoney: function() {\n alert('$$$$$$$');\n }\n});\n\nExt.define('Thief', {\n ...\n});\n\nThief.borrow(Bank, ['money', 'printMoney']);\n\nvar steve = new Thief();\n\nalert(steve.money); // alerts '$$$'\nsteve.printMoney(); // alerts '$$$$$$$'\n
\nThe class to borrow members from
\nThe names of the members to borrow
\nthis
\nCreate a new instance of this Class.
\n\nExt.define('My.cool.Class', {\n ...\n});\n\nMy.cool.Class.create({\n someConfig: true\n});\n
\n\nAll parameters are passed to the constructor of the class.
\nthe created instance.
\nCreate aliases for existing prototype methods. Example:
\n\nExt.define('My.cool.Class', {\n method1: function() { ... },\n method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n method3: 'method1',\n method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\n
\nThe new method name, or an object to set multiple aliases. See\nflexSetter
\nThe original method name
\nCreates a template from the passed element's value (display:none textarea, preferred) or innerHTML.
\nThe created template
\nGet the current class' name in string format.
\n\nExt.define('My.cool.Class', {\n constructor: function() {\n alert(this.self.getName()); // alerts 'My.cool.Class'\n }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\n
\nclassName
\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();\n
\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\"\n
\nthis
\n