Проблема с плагином редактирования строк в Extjs

Question

У меня есть полностью рабочий liveSearchGridPanel в ExtJs. Ошибка происходит, когда я редактирую любую строку. Что происходит, так это то, что если нужно обновлять обновленную строку, как в моем случае, когда я меняю возраст пользователя (я сортирую по возрасту), строка поднимается или опускается в сетке, но предыдущая запись также остается там. пока я не обновлю всю веб-страницу вручную. Снимок экрана ниже

Моя модель прокси:

Ext.define('proxymodel', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'id',
        type: 'int',
        persist: false
    }, {
        name: 'gender',
        type: 'auto'
    }, {
        name: 'name',
        type: 'auto'
    }, {
        name: 'age',
        type: 'int'
    }],

    identifier: 'sequential', // to generate -1, -2 etc on the client
    proxy: {
        type: 'rest',
        //format: 'json',
        //appendId: false,
        idParam: "id",
        //limitParam:"",
        //filterParam: "",
        //startParam:'',
        //pageParam:'',
        url: 'http://localhost:3000/posts',
        api: {
            read: 'http://localhost:3000/db',
            create: 'http://localhost:3000/posts',
            update: 'http://localhost:3000/posts',
            destroy: 'http://localhost:3000/posts'

        },

        headers: {
            'Content-Type': "application/json"
        },

        reader: {
            type: 'json',
            rootProperty: 'posts',

            totalProperty: 'total'

        },
        writer: {
            type: 'json'
        }
    }
});

В Application.jsЯ определил плагин для редактирования строк:

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
    listeners: {
        cancelEdit: function(rowEditing, context) {
            // Canceling editing of a locally added, unsaved record: remove it
            if (context.record.phantom) {
                store.remove(context.record);
            }
        },

        edit: function(editor, e) {
            // commit the changes right after editing finished
            e.record.commit();
        }
    }
});

И мой магазин выглядит так:

Ext.define('Store', {
    extend: 'Ext.data.Store',
    storeId: 'peopleStore',
    pageSize: 500,

    //buffered: true,
    //leadingBufferZone: 300,

    pageSize: 5,

    autoLoad: {
        start: 0,
        limit: 5
    },
    autoSync: true,

    sorters: [{
        property: 'age',
        direction: 'ASC'
    }],

    groupField: 'gender'
});

Кто-нибудь может указать на мою ошибку?

Я попытался перезагрузить свой магазин после редактирования в функции "Изменить" rowEditing но это не сработало.

Спасибо за ваше время.

Answer 1

Как полный ответ на запрос:

Ты пытался Ext.data.StoreManager.lookup('peopleStore').reload()?