劍道網格：觸發更新點擊進入按鍵進行彈出編輯

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();