剑道网格：触发更新点击进入按键进行弹出编辑

Question

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

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

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

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

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

Answer 1

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

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

        });
    });
};

Answer 2

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

例如：

$("#grid").data("kendoGrid").saveRow();