extjs - 如何在 ExtJs 中从 tpl 调用函数

Question

我正在使用 dataview 控件，我需要从它的 tpl 调用一个函数。下面是我的代码，但它不起作用。

                                        xtype: 'dataview',
                                        scrollable: true,
                                        tpl: new Ext.XTemplate(
                                            '<tpl for=".">',
                                            '<div class="messageTbl">',
                                            '<table style="width: 100%;">',                                             
                                            '<tr><td>{[this.formatDate(CreationDate)]}</td><tr/>',                                              
                                            '</table>',
                                            '</div>',
                                            '</tpl>',
                                            { 
                                                formatDate: function (date) {
                                                    return date;
                                                    }
                                                },
                                            }
                                        ),

Answer 1

formatDate您在函数中有语法错误。

{
    xtype: 'dataview',
    scrollable: true,
    tpl: new Ext.XTemplate(
        '<tpl for=".">',
        '<div class="messageTbl">',
        '<table style="width: 100%;">',
        '<tr><td>{[this.formatDate(CreationDate)]}</td><tr/>',
        '</table>',
        '</div>',
        '</tpl>',
        {
            formatDate: function (date) {
                return date;
            }
        }
    )
}

Answer 2

在同一示例中要求索引：

这是在 XTemplate 文档的摘要部分吗？

XTemplate 文档

var tpl = new Ext.XTemplate(
    '<p>Kids: ',
    '<tpl for=".">',       // process the data.kids node
        '<p>{#}. {name}</p>',  // use current array index to autonumber
    '</tpl></p>'
);
tpl.overwrite(panel.body, data.kids); // pass the kids property of the data object