extjs4 - Sencha Combo DisplayTpl

Question

在我的组合框中，我有这样的东西:

displayTpl: Ext.create('Ext.XTemplate',
                                    '<tpl for=".">',
                                        '{Nome} ({Valor})', 
                                    '</tpl>')

它工作正常，但如果组合没有预先选择的值，它会显示这个“()”

因此，我尝试创建一个模板，当值为空时，它不会显示如下内容:

displayTpl: Ext.create('Ext.XTemplate',
                                    '<tpl for=".">',
                                        '<tpl if="this.isEmpty({Nome})">',
                                            '',
                                        '<tpl else>',
                                            '{Nome} ({Valor})',
                                        '</tpl>',
                                    '</tpl>',
                                    {
                                        isEmpty: function (value) {
                                            return value == '';
                                        }
                                    })

但是在评估 tpl 时，我不断收到错误消息“预期:”(extjs-all-debug)

compile: function (tpl) {
    var me = this,
        code = me.generate(tpl);

    return me.useEval ? me.evalTpl(code) : (new Function('Ext', code))(Ext);

关于如何做到这一点的任何想法？

Answer 1

tpl 标记中的表达式不需要 { }。所以试试这个模板:

'<tpl for=".">',
    '<tpl if="this.isEmpty(Nome)">',
        '',
    '<tpl else>',
        '{Nome} ({Valor})',
    '</tpl>',
'</tpl>'