2012-06-29 25 views
1

我想知道,是否有可能在Sencha Touch列表的itemTpl配置中聲明if語句(短或不)。short如果在itemTpl配置語句Sencha Touch 2

//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的項目列表。

有沒有一種方法來編程?

回答

3

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>' 
), 

希望這有助於

+0

完美的作品,謝謝! –