带有inlineNav的jqGrid：有没有办法强制Add按钮重新启用？
我正在使用带有inlineNav选项的jqGrid 4.3.2。 网格上的所有编辑都是使用loadonce: true和clientArray在本地完成的。 当用户完成编辑时，他们单击表单上的保存按钮，整个网格将发布到服务器。 这在大多数情况下效果很好，但我遇到了一个奇怪的问题。 如果用户添加新行，然后在按Enter键确认编辑或取消选择新添加的行之前单击保存按钮，则即使在发布和重新加载之前调用saveRow之后，内联导航器上的添加按钮仍保持禁用状态。 我在saveRow调用之后尝试了resetSelection和restoreRow ，但这些都不起作用。 我的保存代码：
$("#submitButton").click(function () { $("#theGrid").jqGrid('saveRow', $("#selectedRowId").val(), false, 'clientArray'); if (!ValidateGridData()) return false; var rowData = $("#theGrid").jqGrid('getRowData'); var dataToSend = JSON.stringify(rowData); $.ajax({ url: '@Url.Action("UpdateGridData")', type: 'POST', contentType: 'application/json; charset=utf-8', data: dataToSend, dataType: 'json', async: false, success: function (data, textStatus, jqXHR) { $("#theGrid").jqGrid('setGridParam', { datatype: 'json' }); $("#theGrid").trigger('reloadGrid'); }, error: function (jqXHR, textStatus, errorThrown) { alert('Error saving data: ' + textStatus + " " + errorThrown); } }); return true; });
有没有办法可以说服内联导航器保存新行，用户可以添加更多行？
inlineNav方法在导航器中添加的按钮具有由网格ID和相应后缀构成的id：
- 添加：gridId +“_ iladd”（例如“list_iladd”）
- 编辑：gridId +“_iledit”（例如“list_iledit”）
- 保存：gridId +“_ilsave”（例如“list_ilsave”）
- 取消：gridId +“_ilcancel”（例如“list_ilcancel”）
要启用该按钮，您应该删除'ui-state-disabled'类：
var gridId = "list"; $("#" + gridId + "list_iladd").removeClass('ui-state-disabled');
要禁用按钮，可以使用.addClass('ui-state-disabled')代替。
另外，我不建议您直接使用任何内联编辑方法，如saveRow 。 在这种情况下，您可能不会遇到您尝试解决的问题。 看看答案中的代码。 它将editingRowId和myEditParam定义为
var $grid = jQuery("#list"), editingRowId, myEditParam = { keys: true, oneditfunc: function (id) { editingRowId = id; }, afterrestorefunc: function (id) { editingRowId = undefined; } };
然后使用inlineNav和myEditParam参数：
$grid.jqGrid('inlineNav', '#pager', { edit: true, add: true, editParams: myEditParam, addParams: {addRowParams: myEditParam } });
在这种情况下，您可以确定editingRowId可以获得当前编辑行的ID，或者如果没有编辑行则可以使用undefined 。 所以你可以使用$(gridIdSelector + "_iledit").click(); 而不是editRow来编辑当前选定的行。 同样，如果需要，您可以使用setSelection并模拟单击任何其他内联编辑导航器按钮。
更新 ：如果你需要，你仍然可以在onSelectRow组合saveRow调用，但你可以先使用变量editingRowId和秒使用myEditParam ，这对你使用的所有编辑方式都是通用的：
onSelectRow: function (id) { var $this = $(this); if (editingRowId !== id) { if (editingRowId) { // save or restore currently editing row $this.jqGrid("saveRow", editingRowId, myEditParam); // or $this.jqGrid("restoreRow", editingRowId, myEditParam); } $this.jqGrid("editRow", editingRowId, myEditParam); } }
如果您需要其他内联编辑方法选项，可以在myEditParam 。 您将看到editingRowId更适合用作最内联编辑示例中的lastSel变量。