Kendo Grid中的一行顏色

Question

我有一個Kendo Grid，它的值根據post調用填充。如果其中一列的值爲「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。當這個事件被觸發時，所有的view元素都將被渲染，你將能夠根據dataItem的uid來檢索一個特定的DOM元素。

$("#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.