0

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

在我连续编辑一个单元格后，scipt 将比我之前编辑的所有行发送到服务器。但是我喜欢只向服务器发送我编辑单元格的一行。怎么做？ 他是一个json到服务器

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
                    }
                }
            },

        ],
    });
});
4

1 回答 1

0

您可能只需要来自服务器的正确回复。如果服务器（PHP）返回

{"success":true}

每次成功调用update，提交的记录都会被标记为成功同步（“不脏”），除非再次更改，否则将不再提交给服务器。

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

您可以在小提琴中看到这一点：

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

请注意，我的小提琴中的“服务器”需要几百毫秒才能回答，一旦记录不再脏，更改后的网格列上的红耳朵就会消失。

于 2017-06-21T04:24:39.677 回答