jquery - jqgrid addrowdata问题

Question

我在 jqgrid 中添加新的空行时遇到问题。

我的模特是:

colModel: [{ name: 'recid', index: 'testid', hidden: true, editable: true, editrules: { edithidden: true} },
           { name: 'JobTask.Id', index: 'JobTask.Id', hidden: true },
           { name: 'InvolvedParty.Id', index: 'InvolvedParty.Id', hidden: true, editable: true, editrules: { edithidden: true} },
           { name: 'InvolvedParty.Lastname', index: 'InvolvedParty.Lastname', width: 100, align: 'left', editable: true},
           { name: 'deletefield', width: 100, sortable: false, title: false, align: 'center', label: ' '}],

我用来插入行的代码是:

var rowid = jQuery.Guid.New();
var newRowData = [{ "recid": rowid, "JobTask.Id": "@(Model.id)", "InvolvedParty.Id": "", "InvolvedParty.Lastname": "", "deletefield": ""}];
$("#grid_id").addRowData(rowid, newRowData);

然后我输入一些数据并保存该行

jQuery('#grid_id').saveRow(rowid);

一切正常。现在，当我再次按下插入键时，我得到一个空的 一行只有一个单元格，甚至不可编辑。我新插入的行 应该有两个字段姓氏和删除字段，其中包含两个按钮(删除、保存)。

知道为什么会发生这种情况吗？

Answer 1

尝试代替那个

var newRowData = [{ "recid": rowid, "JobTask.Id": "@(Model.id)", "InvolvedParty.Id": "", "InvolvedParty.Lastname": "", "deletefield": ""}];

正在做:

var newRowData = { "recid": rowid, "JobTask.Id": "@(Model.id)", "InvolvedParty.Id": "", "InvolvedParty.Lastname": "", "deletefield": ""};

• 如果这不起作用，请确保添加的行确实具有不同的 ID

• 您还可以通过trigger(“reloadGrid”)添加新行后尝试重新加载

希望这会有所帮助，我没有更多的想法

编辑:

好吧，我现在知道出了什么问题

来自 jqgrid 维基:

... This method can insert multiple rows at once. In this case the data parameter should be array defined as [{name1:value1,name2: value2…}, {name1:value1,name2: value2…} ] and the first option rowid should contain the name from data object which should act as id of the row. It is not necessary that the name of the rowid in this case should be a part from colModel.

这意味着您应该也可以像这样使用 [] :

var newRowData = [{ "recid": rowid, "JobTask.Id": "@(Model.id)", "InvolvedParty.Id": "", "InvolvedParty.Lastname": "", "deletefield": ""}];

$("#grid_id").addRowData("recid", newRowData);