javascript - Jquery Grid 中的 editable true 不起作用

Question

我想让 Jq-Grid 可编辑，我试过 editable : true 但它不起作用....

可编辑:真不工作

$(document).ready(function() {

    $("#list2").jqGrid({
        url: '/Home/GetAll/',
        datatype: "json",
        contentType: "application/json; charset-utf-8",
        mtype: 'GET',
        colNames: ['Employee Name', 'Designation',
            'Gender', 'DOB'
        ],
        colModel: [
            { name: 'name', index: 'name', width: 150, editable: true },
            { name: 'DesignationID', index: 'DesignationID', width: 150, editable: true },
            { name: 'Gender', index: 'Gender', width: 100, editable: true, editable: true },
            { name: 'DOB', index: 'DOB', width: 150, editable: true }
        ],
        rowNum: 10,
        rowList: [5, 10, 15],
        pager: '#pager2',
        sortname: 'id',
        height: 200,
        viewrecords: true,
        sortorder: "asc",
        caption: "Employee Records"
    });
    jQuery("#list2").jqGrid('navGrid', '#pager2', {
        edit: false,
        add: false,
        del: false
    });
});

Answer 1

你犯了一个小错误...... 在你的代码中使编辑为真而不是假

   jQuery("#list2").jqGrid('navGrid', '#pager2', {
    edit: true,
    add: false,
    del: false
    });