网格编辑 extjs 6.2.0 后如何只发送一行到数据库

Question

如何在网格编辑 extjs 6.2.0 后只发送一行到数据库？

在我连续编辑一个单元格后，scipt 将所有行发送到服务器，而不是我之前编辑的。但是我只喜欢将我编辑单元格的一行发送到服务器。怎么做？ He is a json to server

Ext.require(['Ext.data.*', 'Ext.grid.*']);

Ext.util.Format.timefieldRenderer = function(format) {
    return function(v) {
        if (v instanceof Date) {
            return v.format(format);
        } else {
            return v;
        }
    };
};


// Создаем model
Ext.define('Users', {
    extend: 'Ext.data.Model',
    fields: [{
            name: 'id',
            type: 'int'
        },
        {
            name: 'time',
            type: 'date',
            //dateFormat: 'H:i'
        },

    ]
});

var occupationStore = Ext.create('Ext.data.Store', {
    fields: ['time'],
    data: [{
            time: 'CEO'
        },
        {
            time: 'Vicepresident'
        },
        {
            time: 'Marketing manager'
        },
    ]
});


Ext.onReady(function() {
    // Создаем store
    var store = Ext.create('Ext.data.Store', {
            autoLoad: true,
            autoSync: true,
            model: 'Users',
            proxy: {
                type: 'ajax',
                url: 'server.php',
                api: {
                    read: 'server.php?action=read',
                    update: 'server.php?action=update'
                },
                reader: {
                    type: 'json',
                    rootProperty: 'data'
                },
                writer: {
                    type: 'json',
                    encode: true,
                    rootProperty: 'dataUpdate',
                    allowSingle: false,
                    writeAllFields: true,
                    //root:'records'
                },
                actionMethods: {
                    read: 'GET',
                    update: 'GET'

                }
            },
        }


    );

    var grid = Ext.create('Ext.grid.Panel', {
        renderTo: document.body,
        //plugins: [rowEditing],
        // Редактирование
        plugins: {
            ptype: 'cellediting',
            clicksToEdit: 1
        },
        width: 1000,
        height: 330,
        frame: true,
        title: 'Users',
        store: store,
        iconCls: 'icon-user',
        columns: [{
                text: 'id',
                width: 50,
                sortable: true,
                dataIndex: 'id',
                renderer: function(v, meta, rec) {
                    return rec.phantom ? '' : v;
                }
            },
            {
                header: 'time',
                width: 120,
                // sortable: true,
                dataIndex: 'time_start',
                //format: 'H:i',
                // Нужно для верного отображеия времени после редактирования в таблице
                renderer: Ext.util.Format.dateRenderer('H:i'),
                editor: {
                    completeOnEnter: false,

                    field: {
                        xtype: 'timefield',
                        format: 'H:i',
                        //name: 'timeStart1',
                        //fieldLabel: 'Time In',
                        minValue: '8:00',
                        maxValue: '20:00',
                        increment: 30,
                        anchor: '100%',
                        allowBlank: false
                    }
                }
            },

        ],
    });
});

Answer 1

您可能只需要服务器的正确回复。如果服务器(PHP)returns

{"success":true}

每次成功调用update，提交的记录被标记为成功同步（"not dirty"），除非再次更改，否则将不再提交到服务器。

请注意，如果在前端一次更改多条记录，这不会阻止商店发送多条记录，但它会阻止一遍又一遍地向服务器发送冗余信息（已保存的记录）。

您可以在 fiddle:

中看到实际效果

https://fiddle.sencha.com/#view/editor&fiddle/21t6

请注意，我的 fiddle 中的 "the server" 需要几百毫秒才能回答，一旦记录不再脏，更改后的网格列上的红耳朵就会消失。

网格编辑 extjs 6.2.0 后如何只发送一行到数据库

How to send only one row to DB after grid edit extjs 6.2.0

extjs

extjs6-classic

extjs6.2