How to invoke the reset selection and select all in jqGrid?

Question

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('.cbox').trigger('click'); 
});

jQuery("clear").click(function(){ 
  var grid = $("#list10"); 
  grid.resetSelection(); 
  $('#cb_my_grid').click(); 

  var ids = grid.getDataIDs(); 
  for (var i=0, il=ids.length; i < il; i++ ) 
    grid.setSelection(ids[i], false); 
});

Answer 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 .