Kendo Grid редактируемый выделенный цвет - PullRequest
Новая
       7

Kendo Grid редактируемый выделенный цвет

0 голосов
/ 05 марта 2020

У меня было это демо кендо здесь , хочу, чтобы я достиг, выделенный цвет появляется только один раз в редактируемой строке. В настоящее время выделенный цвет дублируется, когда я редактирую несколько строк. Как это исправить? Благодарим Вас за помощь.

DEMO

1 Ответ

1 голос
/ 05 марта 2020

Если вы уже изменили его таким образом, вы можете сбросить цвет по индексу строки, если его even установить его на серый, если его odd установить на белый, и установить его на синий при изменении: 

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

    $.each(data, function (i, row) {
        var item = $('tr[data-uid="' + row.uid + '"]');
        if (item[0].rowIndex % 2 !== 0) {
            item.css("background-color", "#f6f6f6");
        } else {
            item.css("background-color", "white");
        }
        if (row.Modified == "Y") {
            item.css("background-color", "#64B5F6");
        }
    });
}

Ваша измененная версия: строка выделения

РЕДАКТИРОВАТЬ:

Для упрощения вы можете добавить класс на выбор ячейки и удалить класс на закрытие ячейки. 

<style>
    .highlight {
      background-color: red !Important;
    }
</style>
.....
edit: function(e){
    $(e.container[0]).closest("tr").addClass("highlight");
},
cellClose: function(e) {
    $(e.container[0]).closest("tr").removeClass("highlight");
}

Таким образом, мы сохраняем цвета фона, здесь обновляется код: При открытии и закрытии ячейки

...