checkbox - Slickgrid 与 CheckboxSelectColumn : Hide Checkbox in Some Rows

Question

我有一个带有插件 Slick.CheckboxSelectColumn 的网格。

是否可以在没有 Jquery 的情况下隐藏某些行中的复选框？我想可以使用 Formatter。

这是带有 slickgrid 复选框插件的 var:

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

列定义:

var columns = [
        { id: "Id", name: "Id", field: "Id", sortable: true, width: 40 },            
        { id: "Status", name: 'Status', field: "Status", sortable: true, width: 80 },
        checkboxSelector.getColumnDefinition()
     ];

创建网格和注册插件的代码:

grid = new Slick.Grid("#grid", dataView, columns, options);
     grid.registerPlugin(new Slick.AutoTooltips({ enableForHeaderCells: true }));
     grid.registerPlugin(checkboxSelector)

解决方案

使用自定义插件 checkboxselectcolumn.js ，由@JamesSilberbauer 创建

Answer 1

您可以使用格式化程序来做到这一点。在将列定义添加到列列表之前，您需要更改格式化程序。这是这样的:

var selectorColumnDef = checkboxSelecter.getColumnDefinition();
var currentFormatter = selectorColumnDef.formatter;
selectorColumnDef.formatter = function(row, cell, value, columnDef, dataContext) {
   if (showCheckBox) {
      return currentFormatter(row, cell, value, columnDef, dataContext);
   }
   return "";
};
var columns = [
        { id: "Id", name: "Id", field: "Id", sortable: true, width: 40 },            
        { id: "Status", name: 'Status', field: "Status", sortable: true, width: 80 },
        selectorColumnDef
     ];