if-statement - itemTpl 配置 Sencha Touch 2 中的短 if 语句

Question

我想知道，是否可以在 Sencha Touch 的 List 的 itemTpl 配置中声明一个 if 语句（是否短）。

//My Model
Ext.define('ListItem', {
            extend: 'Ext.data.Model',
            config: {
                fields: ['number', 'someBoolean']
            }
        });
//The List
var MyList = Ext.create("Ext.List", {
        itemTpl : "{number} <br />"+
                    //THIS LINE BELOW IS WHAT ITS ALL ABOUT
                ("{someBoolean}")? + "The boolean was true" : +"It was false" ,
        store: oListStore,
    });

这会产生一个列表，其中填充了屏幕上代表 NaN 的项目。

有没有办法解决这个问题？

Answer 1

看看Ext.XTemplate

这是一个例子

itemTpl: new Ext.XTemplate(
    '<p>Name: {name}</p>',
    '<p>Kids: ',
    '<tpl for="kids">',
        '<tpl if="age &gt; 1">',
            '<p>{name}</p>',
            '<p>Dad: {parent.name}</p>',
        '</tpl>',
    '</tpl></p>'
),

希望这可以帮助