Question

我在尝试编辑slickgrid中的单元格时遇到问题。我还不熟悉slickgrid ...我通常可以将数据放在网格中但我无法编辑单元格值。我已经在我的选项中将可编辑阵营设置为true（可编辑：true），但在我尝试编辑时仍然没有任何反应。我想我必须打电话给别的东西让细胞可以编辑？对不起，如果这个问题看起来很愚蠢，但我确实还是一个＆＃34; noob＆＃34;与slickgrid。下面是我启动网格的脚本

＆＃13;

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

＆＃13;

Answer 1

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

我建议您使用6pac repo，它是最新的。原来的mleibman大约四年没有更新。

Answer 2

你必须添加这个

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},

Answer 3

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

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

在slickgrid中编辑单元格

3 个答案: