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

Question

问候，

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

当 Discontinued 列为 false 时，我使用 dataBound[=29= 成功地将文本颜色更改为红色] 功能。但是当我点击 Edit 然后我点击 Cancel 然后文本颜色消失了。那么如何确定我是否单击取消文本颜色仍然是红色？

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

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

Kendo UI - Text Color change went click Cancel

javascript

kendo-ui

kendo-grid