将一段Html片段呈现为模板。可将模板编译以获取更高的性能。
针对格式化的函数的可用列表,请参阅Ext.util.Format.
用法:
var t = new Ext.Template(
'<div name="{id}">',
'<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>',
'</div>'
);
t.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});
在这个博客的日志中可找到相关的例子:
DomHelper - Create Elements using DOM, HTML fragments and Templates.
| |
applyTemplate
(
Object/Array values
)
: String
返回HTML片断,这块片断是由数据填充模板之后而成的。
返回HTML片断,这块片断是由数据填充模板之后而成的。
|
Template
|
| |
set
(
String html,
[Boolean compile]
)
: Ext.Template
|
Template
|
| |
compile
(
)
: Function
把这个模板编译为一个函数,推荐多次使用这个模板时用这个方法,以提供性能。
把这个模板编译为一个函数,推荐多次使用这个模板时用这个方法,以提供性能。
|
Template
|
| |
insertFirst
(
Mixed el,
Object/Array values,
[Boolean returnElement]
)
:
填充模板的数据,形成为一个或多个新节点,作为首个子节点插入到e1。
填充模板的数据,形成为一个或多个新节点,作为首个子节点插入到e1。
参数项:
el : Mixed
上下文的元素
values : Object/Array
模板填充值。该参数可以是一个数组(如果参数是数值型,如{0},或是一个对象,如{foo: 'bar'}.
returnElement : Boolean
(可选的)true表示为返回 Ext.Element (默认为undefined)
返回:
|
Template
|
| |
insertBefore
(
Mixed el,
Object/Array values,
[Boolean returnElement]
)
:
填充模板的数据,形成为一个或多个新节点,并位于el之前的位置插入。
填充模板的数据,形成为一个或多个新节点,并位于el之前的位置插入。
参数项:
el : Mixed
上下文的元素
values : Object/Array
模板填充值。该参数可以是一个数组(如果参数是数值型,如{0},或是一个对象,如{foo: 'bar'}.
returnElement : Boolean
(可选的)true表示为返回 Ext.Element (默认为undefined)
返回:
|
Template
|
| |
insertAfter
(
Mixed el,
Object/Array values,
[Boolean returnElement]
)
:
填充模板的数据,形成为一个或多个新节点,并位于el之后的位置插入。
填充模板的数据,形成为一个或多个新节点,并位于el之后的位置插入。
参数项:
el : Mixed
上下文的元素
values : Object/Array
模板填充值。该参数可以是一个数组(如果参数是数值型,如{0},或是一个对象,如{foo: 'bar'}.
returnElement : Boolean
(可选的)true表示为返回 Ext.Element (默认为undefined)
返回:
|
Template
|
| |
append
(
Mixed el,
Object/Array values,
[Boolean returnElement]
)
:
填充模板的数据,形成为一个或多个新节点,并追加到e1。
填充模板的数据,形成为一个或多个新节点,并追加到e1。
参数项:
el : Mixed
上下文的元素
values : Object/Array
模板填充值。该参数可以是一个数组(如果参数是数值型,如{0},或是一个对象,如{foo: 'bar'}.
returnElement : Boolean
(可选的)true表示为返回 Ext.Element (默认为undefined)
返回:
|
Template
|
| |
overwrite
(
Mixed el,
Object/Array values,
[Boolean returnElement]
)
:
填充模板的数据,形成为一个或多个新节点,对el的内容进行覆盖。
填充模板的数据,形成为一个或多个新节点,对el的内容进行覆盖。
参数项:
el : Mixed
正文元素
values : Object/Array
模板填充值。该参数可以是一个数组(如果参数是数值型,如{0},或是一个对象,如{foo: 'bar'}.
returnElement : Boolean
(可选的)true表示为返回 Ext.Element(默认为undefined)
返回:
|
Template
|
| |
Ext.Template.prototype.apply
(
)
{@link #applyTemplate}的简写方式
@method
{@link #applyTemplate}的简写方式
@method
|
Template
|
| |
Ext.Template.from
(
String/HTMLElement DOM,
Object config
)
:
传入一个元素的值的参数,用于创建模板,(推荐display:no...
传入一个元素的值的参数,用于创建模板,(推荐 display:none textarea)或innerHTML.
@returns {Ext.Template} 创建好的模板
@static
参数项:
DOM : String/HTMLElement
元素或某id
config : Object
一个配置项对象
@static
返回:
|
Template
|
| |
apply
(
)
{@link #applyTemplate}的简写方式。
{@link #applyTemplate}的简写方式。
|
Template
|