jqGrid：当editurl无效时，navGrid reloadAfterSubmit不会添加新行

Question

我正在尝试在 jqGrid 中测试添加新行和删除行，我发现在添加/删除行后网格不会刷新以显示新行或删除已删除的行。服务器端部分还没有用于添加/删除，所以我只是为 editurl 提供了与将数据加载到网格中相同的 url。

.navGrid('#' + id + '-pager',
            {addtext: 'Add Code Value', deltext: 'Delete Code Value', edit:false,add:true,del:true,search:false, refresh:false},
            {closeAfterAdd: true, reloadAfterSubmit: true} /* Edit options */,
            {closeAfterAdd: true, reloadAfterSubmit: true} /* Add options */,
            {reloadAfterSubmit: true} /* Delete options */);

我在这里遗漏了什么吗？我认为 reloadAfterSubmit 应该使用添加/删除的行更新网格？

谢谢。

已编辑：我的自定义添加功能，这是不必要的复杂是（注意：这应该是一个客户端只添加）

addfunc = function() {
//Find dirty unsaved row if any and add to the grid before adding empty row

                var dirtyRow = jQuery('#' + id).find('tr[editable]');
                var dirtyRowId = dirtyRow.attr('id');
                if (dirtyRow.length > 0) {
                    dirtyRow.addClass('data-isDirty', true);
                    var rowData = jQuery('#' + id).jqGrid('getRowData', dirtyRowId);
                    jQuery('#' + id).jqGrid('addRowData', rowId, dirtyRowId);
              //The row when added to the grid should not be editable but a normal row

                dirtyRow.find('input').each(function() {
                        var text = jQuery(this).attr('value');
                        jQuery(this).replaceWith(text);
                    });
                }
                var rowId = Math.floor(Math.random()*1000) + 'add_new';
                jQuery('#' + id).jqGrid('addRowData', rowId, that.getEmptyRow(colModel), 'first');
                var firstRowId = jQuery('#' + id).jqGrid('getDataIDs')[0];

                            //Add an empty editable row at the top
                jQuery('#' + id).jqGrid('editRow', firstRowId);
            }

Answer 1

如果您使用 dummy URL，那么它可能不会响应 HTTP POST 请求。您可以通过使用mtype: "GET" 选项来解决问题。在这种情况下，您可以使用来自同一站点的任何现有服务器 URL，例如 "/"：

.navGrid('#' + id + '-pager',
    {addtext: 'Add Code Value', deltext: 'Delete Code Value',
        edit:false,add:true,del:true,search:false, refresh:false},
    {mtype: "GET", closeAfterAdd: true, reloadAfterSubmit: true} /* Edit options */,
    {mtype: "GET", closeAfterAdd: true, reloadAfterSubmit: true} /* Add options */,
    {mtype: "GET", reloadAfterSubmit: true} /* Delete options */);

作为 jqGrid 的 editurl 参数，您可以使用任何现有的 URL，例如 editurl: "/"