使用jquery/javascript更改剑道网格中的行颜色

使用jquery/javascript更改剑道网格中的行颜色,javascript,jquery,kendo-ui,kendo-grid,Javascript,Jquery,Kendo Ui,Kendo Grid,我有一个ajax绑定的网格,它显示一个警报列表。根据行对象中的某些条件,我需要更改行的颜色。 以前,当我的网格绑定到服务器时(我知道这是它应该工作的方式),这是可行的,但是由于更改,网格需要用ajax更新。 这是我的网格,是服务器绑定时使用的网格(注意,我改为.Ajax(): 现在,这就是我在脚本中所做的: function setColors() { var grid = $("#grid").data("kendoGrid"); var data = grid.dataSou

我有一个ajax绑定的网格,它显示一个警报列表。根据行对象中的某些条件,我需要更改行的颜色。 以前,当我的网格绑定到服务器时(我知道这是它应该工作的方式),这是可行的,但是由于更改,网格需要用ajax更新。 这是我的网格,是服务器绑定时使用的网格(注意,我改为
.Ajax()

现在,这就是我在脚本中所做的:

function setColors() {
    var grid = $("#grid").data("kendoGrid");
    var data = grid.dataSource.data();

    $.each(data, function(i, row) {
        if (row.DateOff != null && row.DateAck == null) {
           // Add color to that rows text
        }
    });
}

我一辈子都不知道如何更改那一行文本的颜色。有什么建议吗?

终于找到了解决方案:

function setColors() {
    var grid = $("#grid").data("kendoGrid");
    var data = grid.dataSource.data();

    grid.tbody.find('>tr').each(function () {
        var dataItem = grid.dataItem(this);
        if (dataItem.DateOff == null && dataItem.DateAck == null) {
            $(this).css('color', 'red');
        }

        if (dataItem.DateOff != null && dataItem.DateAck == null) {
            $(this).css('color', 'green');
        }

        if (dataItem.DateOff == null && dataItem.DateAck != null) {
            $(this).css('color', 'blue');
        }
    });

我从哪里可以得到可用颜色的列表我不知道你说的“可用颜色”是什么意思。它们只是常规颜色,在CSS或十六进制中使用。我的意思是在哪里可以得到我可以在那里使用的所有颜色的列表,我知道我可以使用十六进制值,我发现一个网站有一个颜色列表,如“浅绿色”、“深绿色”等。此函数中没有use data变量。但它工作正常。
function setColors() {
    var grid = $("#grid").data("kendoGrid");
    var data = grid.dataSource.data();

    grid.tbody.find('>tr').each(function () {
        var dataItem = grid.dataItem(this);
        if (dataItem.DateOff == null && dataItem.DateAck == null) {
            $(this).css('color', 'red');
        }

        if (dataItem.DateOff != null && dataItem.DateAck == null) {
            $(this).css('color', 'green');
        }

        if (dataItem.DateOff == null && dataItem.DateAck != null) {
            $(this).css('color', 'blue');
        }
    });