如何根据隐藏列 ID 在 Kendo UI Grid 中更改行颜色？答案

【问题标题】：How to change row color in Kendo UI Grid based on hidden column ID?如何根据隐藏列 ID 在 Kendo UI Grid 中更改行颜色？
【发布时间】：2016-01-16 21:33:26
【问题描述】：

我有一个 KendoGrid，我有一个 coupe 隐藏 ID 列，当 globalGroupLevel 为 0 时，我需要更改行的颜色。我不确定如何执行此操作，因为我是从外部生成网格javascript 文件。我查看了 kendo 文档，它们显示的内容类似于我需要使用模板执行的操作，但那是在视图中完成所有操作而不是从外部 javascript 文件中完成的操作。任何想法或方向都会有很大帮助。

这是网格

$("#CatalogGrid").kendoGrid({
    dataSource: {
        data: catalogData
    },
    columns: [
       { field: "globalGroupID", title: "Group ID", hidden: true },
       { field: "globalGroupLevel", title: "globalGroupLevel", hidden: true },
       { field: "globalGroupName", title: "Group Name", width:350 },
       { field: "isRequired", title: "!", width:20 },
       { field: "optionName", title: "Option Name" }
    ],
    change: function (e) {

    },
    scrollable: true,
    pageable: false,
    selectable: "row",
    height: 500
});

【问题讨论】：

标签： jquery asp.net-mvc kendo-ui kendo-grid

【解决方案1】：

您可以为此使用 Grid dataBound 事件。见Dojo我为你做的。

dataBound: function(e) {
  var data = this.dataSource.data();
  $.each(data, function (i, row) {
    if (row.get("globalGroupLevel") == 0) {
        var element = $('tr[data-uid="' + row.uid + '"] ');
        element.addClass("colored-row");
    }
  });
}

【讨论】：