MVC4中的Kendo UI网格单元格着色

Question

在剑道 UI 网格中。我想更改单元格的背景，其值为 -111, -222 和 IV , IT。

帮我写 jquery 来改变背景颜色。

我的代码：

    @(Html.Kendo().Grid(Model)
    .Name("gridexcel")
    .Events(events => events.DataBound(@<text>coloring()</text>))
    .Columns(columns =>
    {
     columns.Bound(c => c.ExcelId).Title("Id").Visible(false);
     columns.Bound(c => c.status).Title("Status").Width(100);
     columns.Bound(c => c.report_date).Title("Report Date");
     columns.Bound(c => c.code).Width(50);
 //and additional columns from 1 to 50
    }


    var coloring = function () {
    var grid = $("#gridexcel").data("kendoGrid");

    grid.tbody
    .find(":contains('-111')")
    .closest("td")
    .css("background", "red");
    grid.tbody
    .find(":contains('-222')")
    .closest("tr")
    .css("background", "red");

    grid.tbody
    .find(":contains('IV')")
    .closest("tr")
    .css("background", "green");

    grid.tbody
    .find(":contains('IT')")
    .closest("tr")
    .css("background", "red");
    }; 

Answer 1

你只需要添加如下单行代码，而不是选择所有值：

$('td').each(function(){if($(this).text()=='-111'){$(this).addClass('red')}});    

请查看工作演示：
Kendo Grid Changing Cell Color