Represents an HTML fragment template. Templates may be precompiled +for greater performance.
+ + +An instance of this class may be created by passing to the constructor either +a single argument, or multiple arguments:
+ +var t = new Ext.Template("<div>Hello {0}.</div>");
+t.append('some-element', ['foo']);
+ join('').
+var t = new Ext.Template([
+ '<div name="{id}">',
+ '<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>',
+ '</div>',
+]);
+t.compile();
+t.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});
+ join('').
+var t = new Ext.Template(
+ '<div name="{id}">',
+ '<span class="{cls}">{name} {value}</span>',
+ '</div>',
+ // a configuration object:
+ {
+ compiled: true, // compile immediately
+ }
+);
+ Notes:
+disableFormats reduces apply time
+when no formatting is required.Applies the supplied values to the template and appends
+the new node(s) to the specified el.
For example usage see the constructor.
+ +The context element
+The template values. Can be an array if the params are numeric (i.e. {0})
+or an object (i.e. {foo: 'bar'}).
(optional) true to return an Ext.core.Element (defaults to undefined)
+The new node or Element
+Alias for applyTemplate
+Returns an HTML fragment of this template with the specified values applied.
Alias for applyTemplate
+Returns an HTML fragment of this template with the specified values applied.
The template values. Can be an array if the params are numeric (i.e. {0})
+or an object (i.e. {foo: 'bar'}).
The HTML fragment
+Creates a template from the passed element's value (display:none textarea, preferred) or innerHTML.
+Creates a template from the passed element's value (display:none textarea, preferred) or innerHTML.
+A DOM element or its id
+A configuration object
+The created template
+Applies the supplied values to the template and inserts the new node(s) after el.
+Applies the supplied values to the template and inserts the new node(s) after el.
+The context element
+The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
+(optional) true to return a Ext.core.Element (defaults to undefined)
+The new node or Element
+Applies the supplied values to the template and inserts the new node(s) before el.
+Applies the supplied values to the template and inserts the new node(s) before el.
+The context element
+The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
+(optional) true to return a Ext.core.Element (defaults to undefined)
+The new node or Element
+Applies the supplied values to the template and inserts the new node(s) as the first child of el.
+Applies the supplied values to the template and inserts the new node(s) as the first child of el.
+The context element
+The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
+(optional) true to return a Ext.core.Element (defaults to undefined)
+The new node or Element
+Applies the supplied values to the template and overwrites the content of el with the new node(s).
+Applies the supplied values to the template and overwrites the content of el with the new node(s).
+The context element
+The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})
+(optional) true to return a Ext.core.Element (defaults to undefined)
+The new node or Element
+