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