Kendo UI - 修改时文本颜色变化

Question

我提供了一个工作演示。

是否可以更改正在修改的文本颜色？例如，当我点击 Edit 按钮时，整行将变为 blue 颜色文本，如果我点击 Cancel恢复正常颜色

提前致谢。

Answer 1

嗯。我设法通过创建一个隐藏字段来实现这一点。

关于edit event，我需要添加：

function(e) {   
    e.model.set("HiddenColumnName", "Y");
    highlightBlue();
},

然后在cancel event，我也需要添加这个。

function(e) {
    e.model.set("HiddenColumnName", "N");
},

最后但同样重要的是高亮颜色功能。

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

$.each(data, function (i, row) {
    if (row.HiddenColunName == "Y") {
        $('tr[data-uid="' + row.uid + '"] ').css("background-color", "blue"); 
    } 
})
}

这里我提供一个working demo.不要忘记隐藏该字段。

Kendo UI - 修改时文本颜色变化

Kendo UI - Text color change when under modification

javascript

kendo-ui

kendo-grid