javascript - 如何在jqGrid中调用重置选择和全选？

Question

如何重置选定的行并在外部按钮单击时选择所有行？我正在尝试 resetSelection() 但没有工作......

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

您的代码无法运行的主要原因是语法错误或 jQuery selectors 的错误使用.

你没有发布你的 HTML 代码，所以我想它看起来像下面这样

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

对应的JavaSript代码应该是这样的:

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');
});

您可以在 Link 下看到一个工作示例.