我有一个我正在创建的具有模板的组件。 我想在该模板中调用一个返回另一个模板的函数,并将该模板连接到另一个模板中。 我不知道该怎么做,因为我只是在学习如何使用模板。
所以这是一个简单的代码,就像我想要做的那样。
myFunction: function (){
return = new Ext.XTemplate(
'<span>{name}</span>',
'<span>{lastname}</span>',
);
}
....... //more code
var Tpl = new Ext.XTemplate(
'<tpl>',
'<span>{title}</span>',
'<tpl for="person1">',
{this.myFunction()},
'</tpl>',
'<tpl for="person2">',
{this.myFunction()},
'</tpl>',
'</tpl>'
);
.... //more code
任何帮助都会非常感激。
谢谢!
答案 0 :(得分:2)
以下是另一个模板多次应用的模板示例:
var subTemplate = new Ext.XTemplate(
'<b>Hello {.}!</b>'
)
var mainTemplate = new Ext.XTemplate(
'<tpl for".">',
'{[this.applySubTemplate(values)]}<br/>',
'</tpl>',
{
applySubTemplate: function(name) {
return subTemplate.apply(name)
}
}
)
console.log(mainTemplate.apply(['World', 'Foo', 'Bar']))