kendo-ui - 剑道网格editRow方法: suppress popup

Question

我必须为 Kendo Grid 创建一个自定义的“更新”按钮。

基本上，它以编程方式将适当的行置于编辑模式(使用 editRow)，将某些字段更新为特定值(使用 model.set)，然后保存该行(使用saveRow)。

它可以工作，但是一旦调用 editRow 方法，它就会显示弹出编辑窗口，这会减慢进程并且看起来不太好。

有没有办法在以编程方式修改数据时抑制弹出窗口？这就是我正在做的(可能有替代/更好的方法来做到这一点):

    columns: [
        ....
        { command: [{name: 'edit' }, {name: 'approval'}, {name: 'delrow'}] }
    ],
    dataBound: function() {

        grid.find('.k-grid-approval').click(function() {
            var row = $(this).parents('tr:first');
            var g = requisitions.data('kendoGrid');
            var data = g.dataItem(row[0]);
            var model = g.dataSource.getByUid(data.uid);
            g.editRow(row[0]);
            model.set('status', 'Pending');
            model.set('date_submitted', moment().toDate());
            g.saveRow();
        });

我怀疑有更好的方法可以做到这一点，但我不知道它是什么。非常感谢任何建议。

Answer 1

我是对的...有更好的方法:

dataBound: function() {

    grid.find('.k-grid-approval').click(function() {
        var row = $(this).parents('tr:first');
        var g = requisitions.data('kendoGrid');
        var data = g.dataItem(row[0]);
        var model = g.dataSource.getByUid(data.uid);
        // g.editRow(row[0]);
        model.set('status', 'Pending');
        model.set('date_submitted', moment().toDate());
        // g.saveRow();
        // editRow and saveRow are not required -- just use dataSource.sync()
        g.dataSource.sync();
    });