如何在 ondblClickRow 事件中触发 beforeSubmitCell 事件
How to trigger beforeSubmitCell event inside ondblClickRow event
我有一个与 jqgrid v4.15.4 相关的问题。我已经使用 beforeSubmitCell 事件来 return 将发布到服务器的新数组。我还保留了选项 cellEdit: true , cellsubmit: 'remote'。
默认情况下,如果 jqGrid 单元格是可编辑的,单击该单元格会将其更改为编辑 mode.Which 我知道可以使用 ondblClickRow 完成。但是如何在 ondblClickRow 事件函数中调用 beforeSubmitCell 事件。
为了参考,我读过:jQGrid Cell Editing on double click of row
如果需要更多信息,请告诉我?
如果我正确理解你的问题,你应该不要使用选项 cellEdit: true
(但仍使用 cellsubmit: 'remote'
)并设置 cellEdit: true
动态地 在调用单元格编辑方法之前(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();
});
}
我有一个与 jqgrid v4.15.4 相关的问题。我已经使用 beforeSubmitCell 事件来 return 将发布到服务器的新数组。我还保留了选项 cellEdit: true , cellsubmit: 'remote'。 默认情况下,如果 jqGrid 单元格是可编辑的,单击该单元格会将其更改为编辑 mode.Which 我知道可以使用 ondblClickRow 完成。但是如何在 ondblClickRow 事件函数中调用 beforeSubmitCell 事件。
为了参考,我读过:jQGrid Cell Editing on double click of row
如果需要更多信息,请告诉我?
如果我正确理解你的问题,你应该不要使用选项 cellEdit: true
(但仍使用 cellsubmit: 'remote'
)并设置 cellEdit: true
动态地 在调用单元格编辑方法之前(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();
});
}