Sencha Touch 2 - itemTpl上的格式编号

Question

如何格式化itemTpl中的数字？

例子：

'<div style="font-size: 9px;">Total: $ {total}</div>' <= This number {total} must be 100.00, but appears just 100

谢谢！

Answer 1

使用您XTemplate的成员函数：

itemTpl: new Ext.XTemplate(
    '<div style="font-size: 9px;">Total: $ {[this.formatTotal(values.total)]}</div>', 
    formatTotal: function(total) { 
     return //formattedTotal 
    } 
) 

这里了解更多：http://docs.sencha.com/touch/2.2.1/#!/api/Ext.XTemplate

Answer 2

正如@kevhender说，你可以使用Ext.XTemplate和toFixed JavaScript方法进行格式化。

更具体

itemTpl: new Ext.XTemplate(
    '<div style="font-size: 9px;">Total: $ {[this.totalFormat(values.total)]}</div>',{ 
     totalFormat : function(total) { 
      return total.toFixed(2); 
     } 
})