Slickgrid复选框行选择无效

Slickgrid checkbox row selection not working

本文关键字：无效 选择 行选 复选框 Slickgrid      更新时间：2023-09-26

*已解决，请参阅下面的评论*

我正试图通过在slickgrid中执行此示例来实现复选框行选择模型http://mleibman.github.io/SlickGrid/examples/example-checkbox-row-select.html但它不起作用。

当我在应用程序中尝试它时，我得到的只是标题单元格中的一个复选框，但所有行都有一个"…"（值未定义）。

有人能帮忙吗？

这是我的代码：

 var EntityGrid = function ($container, el, columns, collection, filterFields, isUnmappable, source) {
    var options = {
        enableCellNavigation:true,
        enableColumnReorder:false,
       // forceFitColumns:true,
        enableTextSelectionOnCells:true,
        rowHeight: 28
    };
    var checkboxSelector = new Slick.CheckboxSelectColumn({
        cssClass: "slick-cell-checkboxsel"
    });
    this.isUnmappable = isUnmappable;
    this.source = source;
    columns = this.prepareColumns(columns, checkboxSelector);
    this.collection = collection;
    this.$container = $container;
    this.dataView = new Slick.Data.DataView();
    this.grid = new Slick.Grid(el, this.dataView, columns, options);
    this.grid.setSelectionModel(new Slick.RowSelectionModel({selectActiveRow: false}));
    this.grid.registerPlugin(checkboxSelector);
    this.filterFields = filterFields;
    this.setupGridEvents();
    this.setupFilter();
    this.grid.render();
    var columnpicker = new Slick.Controls.ColumnPicker(columns, this.grid, options);
    return this;
};
EntityGrid.prototype = {
    prepareColumns:function (columns, checkboxSelector) {
        var self = this;
        columns.push(checkboxSelector.getColumnDefinition());
        _.each(columns, function (item) {
            if (item.type === "link") {
                item.formatter = self.linkFormatter;
            } else if (item.type === "editableBoolean") {
                item.formatter = self.checkboxFormatter;
            } else {
                item.formatter = self.defaultFormatter;
            }
        });
... other columns definations

我所做的只是停止将默认格式化程序应用于复选框选择列。

我在_中添加了一个条件。每个循环如下所示：

_.each(columns, function (item) {
        if(item.cssClass !== "slick-cell-checkboxsel") {
            if (item.type === "link") {
                item.formatter = self.linkFormatter;
            } else if (item.type === "editableBoolean") {
                item.formatter = self.checkboxFormatter;
            } else {
                item.formatter = self.defaultFormatter;
            }
        }
    });
相关文章：