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);
      }
})

Sencha Touch 2 - itemTpl上的格式编号

2 个答案: