JQGrid 在编辑弹出窗口中单击 ENTER

Question

我有一个在 jqgrid 中添加/编辑弹出窗口中使用的表单，

@using (Html.BeginForm("Action", "Controller", FormMethod.Post, new { id = "formId" }))
{
//...
}

当我单击表单打开的行时。如果我按文本框并单击 ENTER，则此表单会提交。它作为常规的 post 请求提交，而不是使用 jqgrid。但如果我单击“保存”按钮，它就会按要求工作。

buttons: {
                    'Save': function () {

                        if ($('#formId').valid()) {

                            $.ajax({
                                type: 'POST',
                                url: '@Url.Action( "Action", "Controller" )',
                                data: $('#formId').serialize(),
                                success: function (json) {
                                    $("#grid").trigger("reloadGrid");
                                },
                                error: function (e) {
                                    alert("Unable to save." + e);
                                },
                                dataType: "application/JSON"
                            });

                            $("#divForm").dialog('close');
                        }
                    },

但我希望当我单击 ENTER 时，这将作为保存按钮单击。

Answer 1

尝试订阅表单的提交事件：

<div id="formContainer">
    @using (Html.BeginForm("Action", "Controller", FormMethod.Post, new { id = "formId" }))
    {
        ...
    }
</div>

然后：

$('#formContainer').delegate('#formId', 'submit', function (evt) {
    evt.preventDefault();
    if ($(this).valid()) {
        $.ajax({
            type: this.method,
            url: this.action,
            data: $(this).serialize(),
            success: function (json) {
                $('#grid').trigger("reloadGrid");
            },
            error: function (e) {
                alert("Unable to save." + e);
            },
        });
    }
});

现在在“保存”按钮中单击强制表单提交：

'Save': function () {
    $('#formId').submit();
}

但可能最好使用表单的提交按钮来提交表单。