javascript - Kendo UI - 文本颜色更改点击取消

Question

问候，

我这里有一个工作演示，与我的情况几乎相似。

Demo in Dojo

当 Discontinued 列为 false 时，我使用 dataBound 函数成功将文本颜色更改为红色。但是，当我单击编辑，然后单击取消时，文本颜色就消失了。那么如何确保我点击取消后文本颜色仍为红色？

Answer 1

您还必须订阅Cancel 事件。例如:

dataSource: dataSource,
  cancel: highlight,
  dataBound: highlight,

...

function highlight() {
  setTimeout(function() {
    var grid = $("#grid").data("kendoGrid");
    var data = grid.dataSource.view();

    $.each(data, function (i, row) {
      var element = $('tr[data-uid="' + row.uid + '"] ');
      if (row.Discontinued == false) {
        $(element).addClass("red");
      }
    });
  }, 10);
}

此解决方案的唯一缺点是超时时间很小。我猜想 Cancel 事件是在表单字段被删除之前触发的，尽管文档 https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/cancel 中没有明确提及这一点。