2

私は21行のグリッドを持っています。私の要件は、行の背景色の一部をライトグリーン（1、5、13行など）に設定することです。これは達成可能です。

$("#gridSellIn")
     .kendoGrid({
         width: 1500,
         dataSource: data.d,
         resizable: true,
         selectable: true,                                
         rowTemplate: kendo.template($("#SellInrowTemplate").html()),
                            height: 500,
                            columns: [
                                            { title: 'RevProduct Name', field: 'ProductName', width: '22%', sortable: true },
                                            { title: 'Actuals', field: 'Actual', width: '8%', sortable: true },

                                      ]
                        });
4

5 に答える 5

12

この条件付きメソッドを試すことができます

var grid = $("#gridSellIn").data("kendoGrid");
var data = grid.dataSource.data();
$.each(data, function (i, row) {
  if (row.ProductName == 'Apples')
     $('tr[data-uid="' + row.uid + '"] ').css("background-color", "green");
}
于 2013-07-17T20:57:46.823 に答える
6

jQuery を使用して、任意の HTML 要素の任意の CSS プロパティを設定できます。これには、テーブルの行と背景色が含まれます。ここにあなたが始めるための何かがあります：

$("#gridSellIn tr").css("background-color", "red");

詳細については、jQuery のドキュメントを参照してください。

于 2012-12-06T13:24:27.100 に答える
3

データバインドされたイベントでは、次のことができます。

var rows = e.sender.tbody.children();
 
for (var j = 0; j < rows.length; j++) {
    var row = $(rows[j]);
    var dataItem = e.sender.dataItem(row);
 
    if (dataItem.get("PropertyName") != 0) {
        row.addClass("someCssColorClass");
    }
}

于 2015-12-09T20:04:12.577 に答える
1 
    var grid = $("#Grid").data("kendoGrid");
    var data = grid.dataSource.data();
    // the section below is using JQuery each function to loop
    // over the grid data then checking the row index if its an odd or even number
    //by finding the modulus of the number.
    // In this case i'm checking for odd number

    $.each(data, (i, row) => {        
        if (i % 2) {
            $('tr[data-uid="' + row.uid + '"]').css("background-color","rgb(247, 244, 244)");
        }
    });
于 2015-08-25T00:52:30.493 に答える