javascript - 如何让剑道网格给货币上色

Question

我希望此网格列字段中的所有负值显示为红色，所有正值显示为绿色。此代码用于列对象数组:

{ field: "Amount", title: "Balance", format: "{0:c}", attributes: { style: "text-align: right;" }, template: "<font class='#if(Amount < 0) {# negative_field #} else {# positive_field #}'></font>" },

CSS

.negative_field {
    color: red;
}

.positive_field {
    color: green;
}

Answer 1

您的模板中存在语法错误:

template: "<font class='#if(Amount < 0) {# negative_field #} else {# positive_field #}'></font>"
                                                        Hash(#) should be closes here ^ 

在你的 font 标签中你应该显示你的属性:

<font...>#= Acount #</font>

但是，不要使用font，而是使用div 并从您的列中删除format 属性以使用kendo.toString(Acount, 'c')在你的模板中:

template: "<div class='currency # if(Amount < 0) {#negative_field# } else { #positive_field# } #'>#=kendo.toString(Amount, 'c') #</div>"

您还可以从您的列中删除 attributes 并仅使用 css:

.currency {
  text-align: right;
}

Demo