Question

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

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

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

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 method来保存当前数据并关闭PopUp编辑器。

e.g：

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

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

2 个答案: