仅从 slickgrid 的标题行隐藏复选框答案

【问题标题】：Hide checkbox only from header row of a slickgrid仅从 slickgrid 的标题行隐藏复选框
【发布时间】：2011-10-06 07:37:22
【问题描述】：

代码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 的标题行隐藏复选框？（图中红圈下方）

谢谢。

【问题讨论】：

标签： javascript slickgrid

【解决方案1】：

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

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

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

【讨论】：

感谢您的回复，但不幸的是您的方法不安全，即当您选择最后一行的复选框时，该复选框会出现在标题中。你能建议我如何在不使用 Slick.CheckboxSelectColumn 的情况下添加一列复选框吗？
那会相当复杂，可能会破坏控件的其他部分。您可能会在他们的支持论坛上询问某人。 groups.google.com/group/slickgrid?pli=1

【解决方案2】：

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

https://gist.github.com/1085623

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

【讨论】：

【解决方案3】：

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

【讨论】：

请在您的代码中提供一些解释。这如何/为什么回答 OP 的问题。