extjs - Sencha Touch 2：如何创建全局内联 xtemplate 配置方法？

Question

在我心目中的理想世界中，我会在我的Ext.dataview.List：

itemTpl: '{name:customFunction}'

然后 customFunction 是全局/静态函数，我可以在所有模板上重用。最接近现实世界的解决方案是什么？

Answer 1

最接近的是像你说的那样做......只需将您的自定义函数添加到Ext.util.Format.

例子：

Ext.define(null, {
    override: 'Ext.util.Format'

    ,customFunction: function(value, append) {
        return 'This is it: ' 
            + value
            + (Ext.isDefined(append) ? append : ''); // you can use args too
    }
});

Answer 2

这可能是你最好的选择：

itemTpl: new Ext.XTemplate(
    '{[this.getGlobalValue()]}',
    {
        getGlobalValue: MyApp.util.Utils.globalTplFunction
    }
)

然后，在您的 Utils 文件中：

Ext.define('MyApp.util.Utils', {
    singleton: true,
    globalTplFunction: function() {
        //do whatever here
        return "Result!";
    }
});