根据列值将剑道网格中的一行变灰

【问题标题】：Gray out a row in kendo grid based on column value根据列值将剑道网格中的一行变灰
【发布时间】：2016-05-22 23:37:41
【问题描述】：

我有一个 Kendo Grid，它的值是根据 post call 填充的。如果其中一列的值为“REGISTERED”，我需要将整行变灰。

有什么方法可以实现吗？

【问题讨论】：

Color out a row in Kendo Grid的可能重复

【解决方案1】：

为onDataBound event 添加一个处理函数。在 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>

【讨论】：

【解决方案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');
            }
        });
}

【讨论】：