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

【问题标题】：How to add a checkbox select column to jqgrid如何将复选框选择列添加到jqgrid
【发布时间】：2021-01-07 03:32:05
【问题描述】：

好的，所以在我的应用程序中，colModel 已经准备好了，我正在使用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

【问题讨论】：

标签： jquery jqgrid multi-select jqgrid-asp.net

【解决方案1】：

不能动态设置多选选项。如果您查看选项表中的最后一列 - Can be Changed?，您可以轻松确定 jqGrid 中的哪个参数可以动态更改。请参阅docs here。

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

在创建网格时，使用 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");
});

【讨论】：