javascript - KendoUI 网格取消选中/选定的行

Question

我有一个带有复选框的 KendoUI 网格来选择多行，它的 dataBound 事件是:

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");
    }
});

}

绑定(bind)字段是:

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

它工作正常，但是现在当我单击工具栏取消按钮时，我刚才手动检查(和选择)的行仍然显示，但我想回到原始状态(在我手动检查/选择行之前)

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

Answer 1

这对我有用:

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

Demo