sencha touch Ext.XTemplate嵌套循环的问题

currentControl.balanceResultTpl +='<div class="<tpl if="BALANCE_PACK &gt; 0">summary-qty-style-red">+{'+BALANCE_PACK+'}/<tpl else><tpl if="BALANCE_PACK === 0">summary-qty-style">{'+BALANCE_PACK+'}/<tpl else>summary-qty-style-green">{'+BALANCE_PACK+'}/</tpl></tpl></div>';

这是其中一段代码。

中间有上去stackoverflow求助过

总结

1.不用先new出对象，因为对象不好拼接，用string拼接好完整的template之后再去塞进tpl

2.<tpl>...</tpl>是封装好的标签，在一般的css中是无法用的

3.传值的问题，这方面我也搞的有点糊涂，因为我这里BALANCE_PACK是定义的变量名，如果我把值改成balance pack，就出来不了这个tpl

猜测原因是if后面的BALANCE_PACK其实就是值得名字，这里貌似是无法使用变量名，只能用值得

如果在if后面直接把balance tpl放进去，就会报错，应该是无法解析空格

如果只是BALANCE_PACK就搞定了，不过后面store里面塞值也要这么用，貌似不太符合命名规范。

今天实在是太困，不想动脑子，所以就懒得试了，希望自己还能想起来来试试。

这样子的tpl是能够实现条件转换的。貌似没有<tpl else if>这种用法。

怎么说呢，sencha touch的doc写的不清不楚的，真是搞死人了。