光滑网格中的组级别复选框答案

【问题标题】：Group level checkbox in slick grid光滑网格中的组级别复选框
【发布时间】：2017-09-15 13:03:40
【问题描述】：

我在为 Slick 网格使用复选框选择器插件时遇到问题。

在为光滑网格使用分组插件后，该插件不提供任何添加组级别复选框的方法。我在 groupItemMetadataProvider 选项中使用格式化程序函数添加了复选框，如下所示：

dataView.setGrouping({
   getter: "duration",
   formatter: function (g) {
    var checkedState="";
    if(g.hasOwnProperty("checked")){
        g["checked"] ? checkedState="checked" : checkedState=""; 
    }
     return "<input type=\"checkbox\" class="groupCheck" data-id=\""+g.value+"\" "+checkedState+"> Duration:  " + g.value + "  <span style='color:green'>(" + g.count + " items)</span>";
   } });

上面的代码显示了一个复选框。

我正在绑定更改事件并循环遍历数据视图以检查与 groupedBy ID 具有相同持续时间的行，以及它是否匹配保存传递索引到复选框选择器插件中的 toggleRowSelection 函数。

它工作正常。显示所有子项已选中，但 标题复选框未保存其状态。滚动复选框后失去其“选中”状态。

需要帮助来解决这个问题。尝试将其状态保存在上面 sn-p 的“isChecekd”标志中。

【问题讨论】：

标签： javascript jquery slickgrid

【解决方案1】：

你看过这个例子吗？这是向保留滚动状态的组添加复选框的官方方式。

http://6pac.github.io/SlickGrid/examples/example-grouping-checkbox-row-select.html

确保您拥有这三行代码以使其在您的 web 应用中运行：

var checkboxSelector = new Slick.CheckboxSelectColumn({cssClass: "slick-cell-checkboxsel"});
var groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider({ checkboxSelect: true, checkboxSelectPlugin: checkboxSelector });
dataView.syncGridSelection(grid, true, true);

slickGrid 的原始开发人员在开发中不是很活跃，因此请确保您使用的是来自以下位置的最新版本： SlickGrid

【讨论】：