Разделите строку в сетке Кендо

Question

У меня есть сетка Кендо, значения которой заполняются на основе почтового вызова. Мне нужно оторвать целую строку, если один из столбцов имеет значение «REGISTERED».

Есть ли способ, которым мы можем достичь этого?

Вот мой код:

$("#grid").kendoGrid({ 
    columns: [ 
    { field: "name", title: "Release Name" }, 
    { field: "number", title: "Number" }, 
    { field: "status", title: "Registration Status" } 
    ], 
    dataSource: [ 
    { name: "Jane Doe", number: "50", status: "REGISTERED" }, 
    { name: "John Doe", number: "60", status: "NOT REGISTERED" } 
    ] 
}); 

Answer 1

Если вы хотите изменить стиль элемента кендо сетки, вы должны делать это на dataBound event. Когда это событие будет запущено, весь элемент представления будет отображен, и вы сможете получить определенный элемент DOM на основе uid dataItem.

$("#YourGrid").kendoGrid({ 
    dataBound: function() { 
     $.each($("#YourGrid").data("kendoGrid").dataSource.view(), function (index, viewDataItem) { 
      var row = $("#YourGrid").find("tbody>tr[data-uid='" + viewDataItem.uid + "']"); 
      if (viewDataItem.status == "REGISTERED") { 
       row.css("background-color", "red"); //Use row.find("td") if you want to set the style at the cell level 
      } else { 
       row.css("background-color", ""); 
      } 
     }); 
    } 
}); 

Answer 2

просто проверить эту скрипку ссылку

Я создал пример демо сетки с помощью кендо в DataSource

Fiddle Link For Kendo Grid Row Background Color

Hope This May Help You.