首页 文章

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

提问于
浏览
5

我正在使用带有弹出编辑功能的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');
        });
    });
};

How can I trigger the 'Update' button click, or at least simulate what it does?

2 回答

  • 2

    我无法找到一个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');
    
            });
        });
    };
    
  • 5

    我建议使用saveRow method,它将保存当前数据并关闭PopUp编辑器 .

    例如 . :

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

相关问题