使用复选框在kendo网格中选择行和取消选择

时间:2013-07-09 04:21:29

标签: javascript jquery checkbox kendo-ui kendo-grid

我在网格中使用了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()方法来清除选择。但它不起作用。如何解决问题。?非常感谢任何帮助。?

0 个答案:

没有答案