javascript - 在 webix 中显示单个整数

Question

我想显示来自对象的单个数字（这会改变，这就是我不对其进行硬编码的原因）。但是，这不会显示任何内容。

var game_data = {
    amount:     1,
    yes_left:   3,
    nos_left:   1
};

var game_panel = {
    view: "form", id:"game_panel", 
    rows:[
        {cols:[
            {
                template:'<span class="main_title">Money: $#amount#.00 </span>',
                data:{amount:game_data.amount},align:"center"
            },
        }
    ]
};

我也尝试将其作为变量返回：

template: function(game_data) {return '<span class="main_title">Money: ' + game_data.amount + '.00 </span>'}

任何想法如何让它显示？

Answer 1

您使用的代码是正确的。您可以检查下一个工作片段http://webix.com/snippet/82566e82

如果您打算动态更新此数字，最好使用稍微不同的语法

id:"t1", 
template:'<span class="main_title">Money: $#amount#.00 </span>',
data: game_data, align:"center"

对于数字更新，请务必调用 template.refresh，因为模板不会自动跟踪数据更改。

game_data.amount += 2;
$$("t1").refresh();

http://webix.com/snippet/e3b0450d