在Ext Xtemplate中计算

Question

我尝试在Ext XTemplate中进行计算。根据我读到的文档，使用简单的{x + y}标记是可能的，但din不适用于2个变量，所以我尝试使用{x + y}，但之后模板渲染停止。

var tpl = new Ext.XTemplate('{x} + {y} = {[x + y]} thats it.');
console.log( tpl.apply({x: 1.5, y: 2}) );​

结果是。

1.5 + 2 = 

我已经用我尝试过的方式制作了jsFiddle http://jsfiddle.net/VnFR3/1/。

有谁能解释一下这件事吗？

Answer 1

试试这个：

var tpl = new Ext.XTemplate('{x} + {y} = {[values.x+values.y]} thats it');
console.log( tpl.apply({x: 1.5, y: 2}) );

函数的替代方案：

var tpl = new Ext.XTemplate('{x} + {y} = {[values.x+values.y]}  or ',
                            '{[this.add( values.x,values.y )]}',{
    add:function(x,y){
        return x+y;
    }
});
console.log( tpl.apply({x: 1.5, y: 2}) );

与您的代码的重要区别是在[]代码执行模板中使用值对象。文档并没有把这一点说得足够清楚。