Kendo UI-修改后的文本颜色更改

Question

我提供了一个工作演示。

Demo in Dojo

是否可以更改经过修改的文字颜色？ 例如，当我单击编辑按钮时，整行将变为蓝色彩色文本，如果我单击取消回到正常颜色。

谢谢。

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.，请不要忘记隐藏字段。