剣道グリッドの色を外に出す

Question

郵便番号に基づいて値が入力される剣道グリッドがあります。列の1つに「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でそれを行う必要があります。このイベントが発生すると、すべてのビュー要素が表示され、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.