如何将复选框选择列添加到 jqgrid

Question

好的，所以在我的应用程序中 colModel 已经准备好了，我正在使用setGridParam添加setGridParam multiselect: true ，如下所示。

jQuery(document).ajaxComplete(function () {
  var grid = jQuery('#grid');
  grid.jqGrid('setGridParam', {
    multiselect: true
  }
});

这似乎仅部分起作用并在选择时突出显示行。 但是，我没有得到第一个多选复选框列。 是否需要额外的设置。

我参考了以下示例，其中呈现了复选框列。

http://www.guriddo.net/demo/guriddojs/selection/checkbox/index.html

http://www.trirand.com/blog/jqgrid/jqgrid.html

Answer 1

不能动态设置多选选项。 如果查看选项表中的最后一列，您可以轻松确定 jqGrid 中的哪个参数可以动态更改-可以更改吗？ . 请参阅此处的文档。

为了完成这项工作，我建议您做一些技巧。

在创建网格时，使用 multi select true 启用多选。 创建网格后立即隐藏多选列。

当您需要动态启用多选时，只需显示列。 多选列的名称是cb_加上网格的 id 的组合。 代码可能如下所示：

// create grid
$("#grid_id").jqGrid({
...
multiselect: true,
...
});
// hide multiselect column    
$("#grid_id").jqGrid("hideCol", "cb_grid_id");
....

jQuery(document).ajaxComplete(function () {
  var grid = jQuery('#grid_id');
  // show (enable) multiselect dynamically
  grid.jqGrid("showCol", "cb_grid_id");
});