连接Ext.XTemplate

Question

我有一个正在创建的组件，它有一个模板。我想在该模板中调用一个返回另一个模板的函数，并将该模板连接到另一个模板中。我不确定如何做到这一点，因为我只是在学习如何使用模板。

这是一个简单的代码，就像我想要做的那样。

    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

任何帮助都将不胜感激。

谢谢!

Answer 1

下面是一个被另一个模板多次应用的模板的示例：

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']))