我有一个带有复选框的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");
}
});
}
绑定字段为:
{
field:"IsChecked",
template: "<input type='checkbox' class='checkbox' data-bind='checked:IsChecked' />"
}
它工作正常,但是现在当我单击工具栏取消按钮时,我刚才手动检查(和选择(的行仍在显示,但我想回到原始状态(在我手动检查/选择行之前(
如何在自定义工具栏按钮中执行此取消操作?
这对我来说是有效的:
$(grid.element).on("click", ".toolbar-cancel", function() {
grid.clearSelection();
grid.dataItems().forEach(function(dataItem) {
dataItem.set("IsChecked", false);
});
});
演示