根據列值在劍道網格中使行變灰

Question

我有一個Kendo Grid，它的值根據帖子調用填充。 如果某列中的一個值為“ registered”，則需要將整行顯示為灰色。

有沒有辦法可以做到這一點？

Answer 1

為onDataBound事件添加一個處理函數。 在onDataBound事件處理程序中，添加灰色列的jQuery，如下所示：

function onDataBound(event) {

    // ...
    // Assumes your Kendo grid DOM element, or other appropriate element enclosing your disabled rows, is in the "el" variable

    el.find( ":contains('REGISTERED')" ).addClass("disabled");
}

<style>
.disabled { color: #999; } /* Or however you want to grey it out */
</style>

Answer 2

看這個例子，我正在檢查每一行，看是否符合條件，然后給它上色。 您只需要像這樣在網格的DataBound事件中添加此事件

.DataBound("onRowBound")

然后，檢查條件

static onRowBound(e) {
   var grid = $("#Funciones").data("kendoGrid");
    grid.tbody.find('>tr').each(
        function () {
            var dataItem = grid.dataItem(this);
            if (dataItem.ColumnName == "REGISTERED") {
                $(this).css('background', 'gray');
            }
        });
}