Question

我正在尝试在CakePHP项目的编辑页面上实现SlickGrid，当页面加载时我在javascript控制台中收到此错误：

slick.grid.js:2173TypeError:'Slick.Editors.Text is not a constructor' (evaluating 'new (editor || getEditor(activeRow, activeCell))')

数据在我的页面上的网格中正确呈现，但是当我单击一个单元格进行编辑时，它只是变成白色而我无法输入任何内容。如果我点击另一个单元格，该单元格将变为白色，第一个单元格将保持白色。

这是我的php / jQuery代码：

<?php echo $this->Html->script("/js/slickgrid/lib/jquery-1.7.min.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/lib/jquery.event.drag-2.0.min.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/lib/jquery-ui-1.8.16.custom.min.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/slick.core.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/slick.grid.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/slick.editors.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/slick.formatters.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/slick.dataview.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/plugins/slick.cellselectionmodel.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/plugins/slick.cellrangedecorator.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/plugins/slick.cellrangeselector.js"); ?>
<?php echo $this->Html->script("/js/slickgrid/plugins/slick.rowselectionmodel.js"); ?>

<?php  // Setup rows and cols array for grid

    $columns = array();
    foreach($route['Stop'] as $stop) {
        $columns[] = array( "name"   => $stop['name'],
                            "field"  => $stop['id'],
                            "id"     => $stop['id'],
                            "editor" => "Slick.Editors.Text");
    }

    $tripId = 1;
    $thisTrip['id'] = $tripId;
    foreach($route['RouteTrip'] as $routeTrip) {
        if($routeTrip['trip_id'] != $tripId) {
            $rows[] = $thisTrip;
            $tripId = $routeTrip['trip_id'];
            $thisTrip['id'] = $tripId;
        }
        else {
            $thisTrip[$routeTrip['stop_id']] = $routeTrip['time'];
        }
    }
?>

<?php 
        echo $this->Html->scriptBlock('

            var rows = '.json_encode($rows).';
            var columns = '.json_encode($columns).';
            var options = { rowHeight:21,
                            defaultColumnWidth:100,
                            editable:true,
                            enableAddRow:true,
                            enableCellNavigation:true,
                            asyncEditorLoading:false,
                            autoHeight:true,
                            autoEdit:true
                          };

            slickgrid = new Slick.Grid($("#scheduleTable"), rows, columns, options);
            slickgrid.setSelectionModel(new Slick.CellSelectionModel());
            slickgrid.updateRowCount();
            slickgrid.render();
        ');
?>

$ rows和$ columns格式正确，每列都有一个“editor”属性，其值为“Slick.Editors.Text”。

帮助？

Answer 1

当我开始使用slickgrid时，我最初也遇到了这个错误。

错误是因为您已将编辑器指定为字符串而不是类。因此，删除“editor”=＆gt;中的双引号“Slick.Editors.Text”并将其作为“editor”=＆gt; Slick.Editors.Text

这解决了我的错误。希望这个解决方案也能解决你的问题。

Answer 2

包含slick.editors.js文件。

另外，请确保将编辑器指定为类，而不是字符串（我不熟悉PHP，所以从源代码中我并不明白，但我怀疑是这种情况）。< / p>

SlickGrid错误：Slick.Editors.Text不是构造函数

2 个答案: