Question

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

我必须对动态数据实施添加/编辑/删除。我在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"
});

但是，当我编辑记录时，编辑对话框出现但为空。有人可以帮我吗？我无法添加/编辑/删除绑定到我的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行吗

1 个答案: