在 slickgrid 中编辑单元格答案

【问题标题】：Edit cell in slickgrid在 slickgrid 中编辑单元格
【发布时间】：2017-11-30 22:44:56
【问题描述】：

我在尝试编辑 slickgrid 中的单元格时遇到问题。我仍然不熟悉 slickgrid... 我通常可以将数据放入网格中，但我无法编辑单元格值。我已经在我的选项中将可编辑阵营设置为 true (editable:true)，但是当我尝试编辑时仍然没有任何反应。我想我必须调用其他东西才能使单元格可编辑？抱歉，如果这个问题看起来很愚蠢，但实际上我仍然是 slickgrid 的“菜鸟”。下面是我启动网格的脚本

var grid;
var columns = [
                        { id: "Id", name: "Id", field: "Id" },
                        { id: "Name", name: "Name", field: "Name", minWidth: 70 },
                         { id: "Salary", name: "Salary", field: "Salary" },
                          { id: "Address", name: "Address", field: "Address" }

];

var options = {
    enableCellNavigation: true,
    enableColumnReorder: false,
    multiColumnSort: true,
    asyncEditorLoading: true,
    forceFitColumns: true,
    editable: true
};

$(function () {
    var myData = [];
    $.getJSON('/Home/getEmployeeList', function (data) {
        myData = data;
        console.log(myData);
        grid = new Slick.Grid("#myGrid", myData, columns, options);
    });
});

【问题讨论】：

标签： slickgrid

【解决方案1】：

你必须添加这个

editor: Slick.Editors.Text,  
editor: Slick.Editors.LongText  
editor: Slick.Editors.Date  
editor: Slick.Editors.Checkbox

根据您对需要编辑的特定单元格的要求

{ id: "Name", name: "Name", field: "Name", minWidth: 70, editor: Slick.Editors.Text},

【讨论】：

【解决方案2】：

最好的起点是示例。你可能想要这个：http://6pac.github.io/SlickGrid/examples/example3-editing.html

我建议您使用 6pac 存储库，它是最新的。最初的 mleibman 大约有四年没有更新了。

【讨论】：

【解决方案3】：

我遇到了类似的问题，并通过添加 slick.editors.js 解决了它。

<script src="slickgrid/slick.editors.js"></script>

【讨论】：