Kendo ui 如何根据行更改行的颜色'；剑道UI网格中的s值

我有一个剑道UI网格，它包含四列：

Highlight  MAC   Time  Message

突出显示的

列可以包含值“是”或“否”，并且该列是隐藏的

我需要创建一个行模板，如果值为“是”，该模板将高亮显示（更改颜色或其他内容）。
您可以在行模板中应用条件，请尝试以下操作

 $("#grid").kendoGrid({
        dataSource: ds,
        rowTemplate: '<tr class="#:Highlight  ==\"Yes\"? \"red\" : \"white\"#" data-uid="#= uid #"><td>#: MAC  #</td><td>#:Time  #</td><td>#:Message#</td></tr>'
    });

请尝试使用下面的代码段


无标题
.改变背景{
背景色：红色；
}
var ds=新的kendo.data.DataSource({
数据：[{
亮点：“是”，
MAC:“111”，
时间：“aaa”，
信息：“a1”
}, {
亮点：“否”，
MAC:“222”，
时间：“bbb”，
信息：“b2”
}]
});
$（“#网格”）.kendoGrid({
数据源：ds，
数据绑定：onDataBound，
栏目：[
{hidden:true，字段：“Highlight”}，
{字段：“MAC”}，
{字段：“时间”}，
{字段：“消息”}
],
});
函数onDataBound（e）{
var grid=$（“#grid”）.data（“kendoGrid”）；
var data=grid.dataSource.data（）；
$。每个（数据、函数（i、行）{
如果（row.Highlight==“是”）{
var元素=$（'tr[data uid=“”+row.uid+“]”）；
$（元素）.addClass（“更改背景”）；
}
});
}

如果有任何问题，请告诉我。
谢谢Jayesh的回答，但我需要通过使用行模板来实现这一点。这对网格很有效，但对于树列表小部件来说不是可行的解决方案，因为导致重新呈现
tr
的操作（例如展开和折叠）会破坏您添加的自定义类。您还必须运行
展开
和
折叠
事件处理程序中的
onDataBound
函数，这对于大型数据集来说开始变慢。太棒了！但是如果你想突出显示两种颜色怎么办。。假设你有一个值为1、2或3的int，你想突出显示2或3？
var ds = new kendo.data.DataSource({
    data: [{
        Highlight  : "Yes",
        MAC   :"...",
        Time  :"...",
        Message:"...."
    }, {
        Highlight  : "No",
        MAC   :"...",
        Time  :"...",
        Message:"...."
    }]
});