我在网格中使用了kendo网格和复选框。我可以选择使用复选框检查所有行并取消选中它们。它工作正常。现在当我检查一行时,行正在被选中。但是当我取消选中它没有清除选择的行。我使用以下代码。
$("#refegrid").kendoGrid({
dataSource: griddataSource,
pageable: true,
selectable: "multiple",
sortable: true,
filterable: false,
reorderable: true,
scrollable: false,
columns: [
{
field:"check_item",title:"<input type='checkbox' id='chkSelectAll' onchange='SelectAll();'/>",template:"<input type='checkbox' id='inpchk' onchange='chkOrUnchk()'/>",width:'50px',sortable:false
}
],
editable: "inline",
});
function chkOrUnchk(){
$('tr.k-state-selected','#refegrid').removeClass('k-state-selected');
}
//选择/取消选择所有记录的功能
function SelectAll(){
if ($("#chkSelectAll").attr('checked')) {
$("#refegrid").each(function () {
var $row = $(this);
var checked = $row.find('#inpchk').attr('checked');
$row.find("#inpchk").attr('checked', 'checked');
//$(this).addClass('k-state-selected');
});
}
else {
$("#refegrid").each(function () {
var $row = $(this);
$row.find("#inpchk").removeAttr('checked');
//$(this).removeClass('k-state-selected');
});
}
}
评论的陈述用于选择/取消选择所有记录
我已尝试removeClass()
方法来清除选择。但它不起作用。如何解决问题。?非常感谢任何帮助。?