如何在 jqGrid 中添加新行

Question

enter image description here

我有一个 jqgrid，我试图通过单击标记为红色的“+”按钮来添加一行。但是模板是空白的。

以下是 JavaScript 中的脚本。

$("#table_list_1").jqGrid({
    url: "usermanage/getMainTableJson",
    datatype:"json",
    mytype:"GET",
    height: 250,
    autowidth:true,
    colNames:['id','username','realname','email','createtime','updatetime'],
    colModel:[
        {name:'id',index:'id', width:'10%',align:'center'},
        {name:'username',index:'username', width:'15%',align:'center'},
        {name:'realname',index:'realname', width:'20%', align:"center"},
        {name:'email',index:'email', width:'25%', align:"center"},
        {name:'createdate',index:'createdate', width:'15%', align:"center", sortable:false},
        {name:'updatedate',index:'updatedate', width:'15%',align:"center", sortable:false}
    ],
    rownumbers:false,
    sortname:'id',
    sortorder:'asc',
    viewrecords:true,
    rowNum:10,
    rowList:[10,20,40],
    pager:$('#pager_list_1'),
    add:true,
    edit:true,
    addtext:'Add',
    edittext:'Edit'

});

$("#table_list_1").jqGrid('navGrid', '#pager_list_1',
    {edit: true, add: true, del: true, search: true},
    {height: 200, reloadAfterSubmit: true}
);

Answer 1

您应该将 editable: true 属性添加到要允许编辑的列中。您可以使用 cmTemplate 属性为任何属性指定默认值。因此，您可以使用例如选项

cmTemplate: { editable: true }

并将 editable: false 添加到 id 列。因此，所有具有例外 id 的属性都将显示在 Add/Edit 对话框中。

如何在 jqGrid 中添加新行

How add new row in jqGrid

javascript

jqgrid