7

我正在使用带有弹出编辑功能的 Kendo UI Grid。默认情况下，当用户在弹出编辑器中编辑字段并按回车键时，数据将呈现到网格（在弹出编辑器后面），但弹出窗口保持可见，并且在单击“更新”之前不会触发保存事件' 按钮。

我正在尝试更改该功能，以便当用户在编辑字段时按 Enter 键时，它会触发“更新”按钮单击 - 这意味着它将数据呈现到网格，触发保存事件并关闭弹出编辑器。

我当前的尝试只会关闭弹出编辑器，但不会触发保存事件并撤消对所选行的任何字段所做的更改。几乎就像触发了取消按钮一样。

options.edit = function (e) {
    $('.k-edit-field .k-input').on('keypress', function (e) {
        utils.onEnter(e, function () {
            $('.k-grid-update').trigger('click');
        });
    });
};

如何触发“更新”按钮单击，或者至少模拟它的作用？

4

2 回答 2

6

我无法找到一个剑道方法来导致更改的字段变脏然后被保存，所以我使用了一个小 jQuery 并将焦点转移到更新按钮然后触发点击事件。按预期工作...

options.edit = function (e) {
    $('.k-edit-field .k-input').on('keypress', function (e) {
        utils.onEnter(e, function () {
            $('.k-grid-update').focus().trigger('click');

        });
    });
};
于 2013-02-25T18:43:05.033 回答
2

我建议使用saveRow 方法来保存当前数据并关闭 PopUp 编辑器。

例如：

$("#grid").data("kendoGrid").saveRow();
于 2013-02-22T22:27:51.563 回答