KendoUI 网格取消 checked/selected 行

Question

我有一个带有复选框的 KendoUI 网格 select 多行，它的数据绑定事件是：

function onDataBound(e) {
e.sender.items().each(function () {
    var dataItem = e.sender.dataItem(this);
    kendo.bind(this, dataItem);
    if (dataItem.IsChecked) {
        $(this).addClass("k-state-selected");
    }
});

}

绑定字段为：

{ 
    field:"IsChecked",  
    template: "<input type='checkbox' class='checkbox' data-bind='checked:IsChecked' />"
}

没问题，但是现在点击工具栏的取消按钮，刚才手动勾选（和selected）的行还在显示，但是我想回到原来的状态（之前我手动 check/select 行)

如何在自定义工具栏按钮中执行此取消操作？

Answer 1

这对我有用：

$(grid.element).on("click", ".toolbar-cancel", function() {
    grid.clearSelection();
    grid.dataItems().forEach(function(dataItem) {
        dataItem.set("IsChecked", false);
    });
});

Demo

KendoUI 网格取消 checked/selected 行

KendoUI grid cancel checked/selected rows

javascript

jquery

kendo-ui

kendo-ui-grid