连接Ext.XTemplate

时间:2014-02-04 21:49:24

标签: javascript extjs

我有一个我正在创建的具有模板的组件。 我想在该模板中调用一个返回另一个模板的函数,并将该模板连接到另一个模板中。 我不知道该怎么做,因为我只是在学习如何使用模板。

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

    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

任何帮助都会非常感激。

谢谢!

1 个答案:

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