Question

在Kendo UI Grid中。我想更改单元格的背景，其值为-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

MVC4中的Kendo UI网格单元着色

1 个答案: