Extjs 4.1 remove from store after successfully removed from the server

Question

I have a situation where I need to delete items from a store, I am using the remove(record) method and my goal is to only remove the item from the store after the server deletes it and returns a success message. The store uses an ajax proxy to make the DELETE call to the server and is using both autoload and autosync. When remove(record) is called it first removes the record from the store and then proceeds to make the DELETE call to the server.

I find this behavior a bit strange because it seems I have to manually reinsert the model into the store based on the server's response. What makes the situation more complex is that the 'exception' event is being handled by the proxy and not the store. Also the proxy is store agnostic thus catching the exception event generated by the server's response in the proxy, does not allow me to perform operations like rejectChanges on the store.

Obviously there's something wrong with my implementation's logic, so what I need to understand is how to alter the store after the server responds and based on the server's response or if that's not possible how to return the store to its previous state before the operation.

Vlad Vlad · Accepted Answer · 2013-02-18T11:06:26

I use "exception" event of proxy for that. For example:

store.getProxy().on({
    exception: function() {
        store.rejectChanges();
    }
})

Also it can be added on your store:

initComponent: function() {
    this.callParent(arguments);
    this.getProxy().on({
        exception: function(proxy, response, operation) {
            this.rejectChanges();
        }
    });
}

Extjs 4.1 remove from store after successfully removed from the server

1 Answers