我可以编辑绑定到动态数据的 JqGrid 行吗

Question

我有一个动态绑定的 jqGrid。我正在使用 jqgrid 版本 5.2

我必须对动态数据实施 add/edit/delete。我在 navgrid 选项

中将添加、编辑删除设置为 true

$("#grdRawData").jqGrid({
    url: vURLJQ,
    datatype: 'local',
    contentType: 'application/json; charset=utf-8',
    data: data.d.IDresult,
    mtype: 'Get',
    iconSet: "fontAwesome",
    styleUI: "Bootstrap",
    guiStyle: "bootstrap",


    colNames: BuildColumnNames(col),

    colModel: BuildColumnModel(col),

    localReader: {
        root: data.d.IDresult,
        page: 1,
        total: 1500,
        records: data.d.IDresult.length
        // repeatitems: false
        //Id: "0"
    },
    pager: jQuery('#grdRawDataPager'),
    height: '100%',
    width: '100%',
    rowNum: 10,
    rowList: [10, 50, 100, 150, 200],
    //sortname: 'Urgency',
    //sortorder: "asc",
    viewrecords: true,
    loadonce: true,
    editurl: 'clientArray',
    overlay: 0,

    //pgbuttons: true,
    //pginput: false,
    emptyrecords: 'No records',
    loadComplete: function() {
        var gridData = $("#grdRawData").jqGrid('getRowData');
    }
}).navGrid('#grdRawDataPager', {
    edit: true,
    add: true,
    del: true,
    search: true,
    searchtext: "Find"
});

但是当我编辑一条记录时，编辑对话框出现但是空的。有人可以帮我吗？我无法 add/edit/delete 将动态数据绑定到我的 jqGrid。

提前致谢

Answer 1

由于未发布 colModel，编辑表单中没有字段的唯一原因是您没有在 colModel 中将 editable 选项设置为 true。试试这个 colModel:

$("#grdRawData").jqGrid({
    colModel: [
        {name: 'Active', editable: true},
        {name: 'Billable', editable: true},
        {name: 'Cart', editable: true},
        {name : 'Category', editable: true },
        {name : 'Cart_Value', editable: true}, 
        {name: 'Category', editable: true},
        {name: 'Sys_ID', key : true, editable: true},
        {name : 'Class', editable: true},
        {name : 'Created', editable: true}
    ],
...
});

我可以编辑绑定到动态数据的 JqGrid 行吗

Can I edit rows of JqGrid which is bound to dynamic data

jqgrid-asp.net