仅隐藏 slickgrid 标题行中的复选框

Question

代码1：

var checkboxSelector = new Slick.CheckboxSelectColumn({
                                                          cssClass: "slick-cell-checkboxsel"

                                                      });

tempColumns.push(checkboxSelector.getColumnDefinition());

代码2：

    tempGrid.setSelectionModel(new Slick.RowSelectionModel({selectActiveRow:false}));
tempGrid.registerPlugin(checkboxSelector);

我正在使用上面的代码显示复选框列。

如何仅从 slickgrid 的标题行隐藏复选框？ （图中红色圆圈下）

谢谢。

Answer 1

grid.onHeaderRowCellRendered.subscribe(function (e, args) {
            if (args.column.id === '_checkbox_selector') {
                // do something if you want
            } else {
                $(args.node).empty();
                $('<input type="text">')
                    .data('columnId', args.column.id)
                    .val(columnFilters[args.column.id])
                    .appendTo(args.node);
            }
        });

Answer 2

我能够做到这一点，但我的解决方案是注释掉 slick.checkboxselectcolumn.js 文件中的几行。据我所知，handleSelectedRowsChanged() 实际上在每次更改时都会使用新的 元素重写复选框单元格标题的内容 - 它不仅仅是更改选中的属性。因此，我注释掉了该函数中进行交换的行，以及在 init 处添加复选框的其他一些行以及用于（取消）全选的事件。

https://gist.github.com/1085623

可能有更好的方法来解决这个问题，但我需要尽快把东西拿出来。

Answer 3

您可以使用 jQuery 删除该复选框。

$('.slick-header-columns input[type="checkbox"]').remove();

但是，标题行上的复选框允许您执行“全部选中”。您确定要删除它吗？