| disableFormats : BooleanSpecify true to disable format
+functions in the template. If the template does not contain
+format functions, setting ... Specify true to disable format
+functions in the template. If the template does not contain
+ format functions, setting disableFormats
+to true will reduce apply time. Defaults to false.
var t = new Ext.Template(
'<div name="{id}">',
- '<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>',
- '</div>'
+ '<span class="{cls}">{name} {value}</span>',
+ '</div>',
+ {
+ compiled: true, // compile immediately
+ disableFormats: true // reduce apply time since no formatting
+ }
);
-t.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});
Public Properties|
| disableFormats : Boolean true to disable format functions (defaults to false) | Template | | re : RegExp The regular expression used to match template variables | Template |
Public Methods|
| Template( String/Array html )
- | Template | | Template.from( String/HTMLElement el , Object config )
+
+For a list of available format functions, see Ext.util.Format. | Template | | re : RegExpThe regular expression used to match template variables.
+Defaults to:re : /\{([\w-]+)\}/g ... The regular expression used to match template variables.
+Defaults to: re : /\{([\w-]+)\}/g // for Ext Core
+re : /\{([\w-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g // for Ext JS
| Template |
Public PropertiesPublic Methods|
| Template( Mixed config )
+ An instance of this class may be created by passing to the constructor either
+a single argument, or multiple argument... An instance of this class may be created by passing to the constructor either
+a single argument, or multiple arguments:
+
+- single argument : String/Array
+
+The single argument may be either a String or an Array: var t = new Ext.Template("<div>Hello {0}.</div>");
+t.append('some-element', ['foo']);
+ - Array :
+An Array will be combined with 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'});
+
+- multiple arguments : String, Object, Array, ...
+
+Multiple arguments will be combined with join('') .
+ var t = new Ext.Template(
+ '<div name="{id}">',
+ '<span class="{cls}">{name} {value}</span>',
+ '</div>',
+ // a configuration object:
+ {
+ compiled: true, // compile immediately
+ disableFormats: true // See Notes below.
+ }
+);
+ Notes:
+
+- Formatting and
disableFormats are not applicable for Ext Core.
+- For a list of available format functions, see Ext.util.Format.
+disableFormats reduces apply time
+when no formatting is required.
+
+
+ | Template | | Template.from( String/HTMLElement el , Object config )
:
Ext.Template<static> Creates a template from the passed element's value (display:none textarea, preferred) or innerHTML. <static> Creates a template from the passed element's value ( display:none textarea, preferred) or innerHTML. Parameters:el : String/HTMLElementA DOM element or its id config : ObjectA configuration object Returns:Ext.Template The created template
| Template | | append( Mixed el , Object/Array values , [Boolean returnElement ] )
:
- HTMLElement/Ext.ElementApplies the supplied values to the template and appends the new node(s) to el. Applies the supplied values to the template and appends the new node(s) to el. Parameters:Returns:HTMLElement/Ext.Element The new node or Element
| Template | | apply( Object/Array values )
+ HTMLElement/Ext.ElementApplies the supplied values to the template and appends
+the new node(s) to the specified el.
+For example usage see th... Applies the supplied values to the template and appends
+the new node(s) to the specified el .
+ For example usage see the constructor. Parameters:Returns:HTMLElement/Ext.Element The new node or Element
| Template | | apply( Object/Array values )
:
StringAlias 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. | Template | | insertAfter( Mixed el , Object/Array values , [Boolean returnElement ] )
+Returns an HTML fragment of this template with the specified values applied. | Template | | insertAfter( Mixed el , Object/Array values , [Boolean returnElement ] )
:
HTMLElement/Ext.ElementApplies 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. Parameters:Returns:HTMLElement/Ext.Element The new node or Element
| Template | | insertBefore( Mixed el , Object/Array values , [Boolean returnElement ] )
:
|
|