我有一个与jqgrid v4.15.4有关的问题。我已经使用 beforeSubmitCell 事件返回将被发布到服务器的新数组。此外,我还保留了 cellEdit:true , cellsubmit:'remote'的选项。 默认情况下,如果jqGrid单元格是可编辑的,则单击该单元格即可将其更改为编辑模式。我知道可以使用 ondblClickRow 来完成。但是如何在 ondblClickRow 事件函数中调用 beforeSubmitCell 事件。
供参考,我已阅读:jQGrid Cell Editing on double click of row
让我知道是否需要更多信息?
答案 0 :(得分:1)
如果我正确理解了您的问题,则您应该不要使用选项cellEdit: true
(但仍要使用cellsubmit: 'remote'
)并设置cellEdit: true
< em>动态,然后调用单元格编辑方法(editCell
,restoreCell
,saveCell
,prevCell
或nextCell
)。此外,您将不得不重复键盘操作(请参阅免费的jqGrid代码的the lines)。生成的代码可能类似于以下代码:
ondblClickRow: function (rowid, iRow, iCol, e) {
var $self = $(this), p = $self.jqGrid("getGridParam");
p.cellEdit = true;
$self.jqGrid("editCell", iRow, iCol, true);
p.cellEdit = false;
},
afterEditCell: function (rowid, cmName, cellValue, iRow, iCol) {
var getTdByColumnIndex = function (tr, iCol) {
var $t = this, frozenRows = $t.grid.fbRows;
tr = frozenRows != null && frozenRows[0].cells.length > iCol ?
frozenRows[tr.rowIndex] : tr;
return tr != null && tr.cells != null ? $(tr.cells[iCol]) : $();
},
$td = getTdByColumnIndex.call(this, this.rows[iRow], iCol),
$self = $(this),
$t = this,
p = $self.jqGrid("getGridParam");
$("input, select, textarea", $td).on("keydown", function (e) {
if (e.keyCode === 27) { //ESC
p.cellEdit = true;
$self.jqGrid("restoreCell", iRow, iCol);
p.cellEdit = false;
} else if (e.keyCode === 13 && !e.shiftKey) { //Enter
p.cellEdit = true;
$self.jqGrid("saveCell", iRow, iCol);
p.cellEdit = false;
return false;
} else if (e.keyCode === 9) {
if (!$t.grid.hDiv.loading) {
p.cellEdit = true;
if (e.shiftKey) {
$self.jqGrid("prevCell", iRow, iCol); //Shift TAb
} else {
$self.jqGrid("nextCell", iRow, iCol); //Tab
}
p.cellEdit = false;
} else {
return false;
}
}
e.stopPropagation();
});
}