在sencha touch Ext.XTemplate中执行计算

Question

我需要使用X模板显示Ext.Dataview。输出应基于模型属性的某些计算。 PFB代码。

Ext.define('lm.view.WaveList', {
extend : 'Ext.DataView',
xtype : 'waveList',
requires : [


        ],
config: {
    itemTpl:  new Ext.XTemplate('Hours Open {noOfHrsOpen/noOfHrsProjected}'),
    store: null,
    templateFile: null,
    style : 'background: white',
    pressedCls : '',
    selectedCls : '',
},

initialize: function(){
    this.callParent();


},


});

但是输出不是基于计算{noOfHrsOpen / noOfHrsProjected}而是只显示noOfHrsOpen

任何帮助。

Answer 1

您可以在Ext.XTemplate中定义可用于实现目标的功能。

var template = new Ext.XTemplate(
    'Hours Open: {[this.calculateOpenHours(values)]}',
    {
        calculateOpenHours: function ( values ) {
                return values.noOfHrsOpen/values.noOfHrsProjected;
            }
        }
    }
);

请查看XTemplate以便进一步阅读。