How To Invoke The Reset Selection And Select All In Jqgrid?

How to reset the selected rows and select all rows on external button click? i am trying to resetSelection() but not working ... jQuery('selectAll').click(function(){ jQuery('.

Solution 1:

The main reason why your code is not work is some syntax errors or wrong usage of jQuery selectors.

You don't post your HTML code, so I suppose it look like following

<input id="selectAll"type="button" value="Select All" />
<input id="clear"type="button" value="Clear Selection" />
<table id="list10"></table>
<div id="pager"></div>

The corresponding JavaSript code should be like following:

var grid = $("#list10");
$("#selectAll").click(function(){
    grid.jqGrid('resetSelection');
    var ids = grid.getDataIDs();
    for (var i=0, il=ids.length; i < il; i++) {
        grid.jqGrid('setSelection',ids[i], true);
    }
});

$("#clear").click(function(){
    grid.jqGrid('resetSelection');
});

A working example you can see under the Link .

Solution 2:

For those who are still encountering this here is a solution the works for me:

//call resetSelection here

$('#cb_grid_id')
    .attr('checked','checked')
    .trigger('click')
    .attr('checked','checked');