Question

我有一个Kendo Grid，其值根据后调用填充。如果其中一列的值为“＃34; REGISTERED＆＃34;”，我需要将整行显示为灰色。

我们有办法实现这个目标吗？

Answer 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>

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');
            }
        });
}

根据列值在kendo网格中灰显一行

2 个答案: