Kendo UI 使用js的比对页面值进行变色的简单写法

$(function () {
kendoUI= {
“result”: {
columns: [{
field: “lowerLimit”,
headerTemplate: “下限”,
},
{
field: “upperLimit”,
headerTemplate: “上限”,
},{
field: “detectionValue”,
headerTemplate: “监测值”,

          template: function (item) {
            if ($.isNumeric(item['detectionValue'])) {

          /*  console.log(item['detectionValue'],"监测值");
              console.log(item['lowerLimit'],"最小值");
              console.log(item['upperLimit',"最大值"]);*/
              // + 能够强制把其他类型转为数字类型
              if(item['detectionValue'] >= item['lowerLimit'] && item['detectionValue'] <= item['upperLimit'] ) {
                return item['detectionValue'];
              } else {
           //如果不在范围内就把值标红加粗
                return "<span style='color:#FF0000;font-weight:bold'>" + item['detectionValue'] + "</span>";
              }
            } else {
               // 防止 detectionValue 不存在
               return item['detectionValue'] || '';
            }
          }
        }]
    }
};

});