javascript - 如何设置 DataView 模板参数

Question

当我扩展例如 Ext.button.Button 组件时，我知道如何将参数传递给模板。我这样做是这样的:

renderTpl: '...{custom_parameter}...',
getTemplateArgs: function() {
    return {
        custom_parameter: "Some value"
    }
}

效果很好。但现在我想在扩展 Ext.DataView 时使用同样的技巧。假设我有一些像这样定义的模板:

Ext.define('Ext.ux.CustomComponent', {
    extend: 'Ext.DataView',
    ...
    tpl: [
        '<div>{custom_parameter}</div>',
        '<tpl for=".">',
            ...
        '</tpl>'
    ] 
    ...

我发现DataView缺少这个漂亮的getTemplateArgs。那么实现这一目标的替代方法是什么？

Answer 1

一种选择是在 initConfig/constructor 中初始化模板，以便您可以将数据 View 的配置选项传递给模板。

templateArgs: {
    custom_parameter: "Some value"
},    
initConfig: function () {
    this.tpl = new Ext.XTemplate(
        '<div>{[this.templateArgs.custom_parameter]}</div>',
        '<tpl for=".">',
                ...
        '</tpl>',
        {
            templateArgs: this.templateArgs
        }
    );
}