Kendo UI-更改文本颜色后单击“取消”

时间:2019-01-10 07:05:05

标签: javascript kendo-ui kendo-grid

问候,

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

Demo in Dojo

使用 dataBound 函数,当 Discontinued 列为 false 时,我成功地将文本颜色更改为红色。但是,当我单击编辑时,我又单击了取消,然后文本颜色消失了。因此,如何确定是否单击“取消”仍为红色的文本颜色?

1 个答案:

答案 0 :(得分: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

中没有明确提及