如何在ondblClickRow事件中触发beforeSubmitCell事件

时间:2019-01-02 14:40:07

标签: asp.net-mvc jqgrid free-jqgrid

我有一个与jqgrid v4.15.4有关的问题。我已经使用 beforeSubmitCell 事件返回将被发布到服务器的新数组。此外,我还保留了 cellEdit:true cellsubmit:'remote'的选项。 默认情况下,如果jqGrid单元格是可编辑的,则单击该单元格即可将其更改为编辑模式。我知道可以使用 ondblClickRow 来完成。但是如何在 ondblClickRow 事件函数中调用 beforeSubmitCell 事件。

供参考,我已阅读:jQGrid Cell Editing on double click of row

让我知道是否需要更多信息?

1 个答案:

答案 0 :(得分:1)

如果我正确理解了您的问题,则您应该不要使用选项cellEdit: true (但仍要使用cellsubmit: 'remote')并设置cellEdit: true < em>动态,然后调用单元格编辑方法(editCellrestoreCellsaveCellprevCellnextCell)。此外,您将不得不重复键盘操作(请参阅免费的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();
    });
}

请参见https://jsfiddle.net/OlegKi/Lm7akxz2/