Local Storage - store.remove() doesn't sync Local Store

[cassebn]

When using a local storage proxy and removing a record the actual record gets removed from the store but upon sync() doesn't truly get removed from local storage. When a user refreshes their screen the removed record still exist.

Any ideas as to if this is a bug with Sencha Touch 1.0.1 or if I just have an issue with my code listed below? If a bug, will it be fixed with release of 1.0.2? any help is greatly appreciated.

Ext.regModel('MusicModel', {
    fields: [{
        name: 'name',
        type: 'string'
    }, {
        name: 'path',
        type: 'string'
    }]
});
Ext.regStore("FavoritesStore", {
    model: 'MusicModel',
    sorters: 'name',
    getGroupString: function(record){
        return record.get('name')[0];
    },
    proxy: {
        type: 'localstorage',
        id: 'favorites-store-proxy',
        proxy: {
            idProperty: 'name'
        }
    },
    autoLoad: true
});
       // This is the function that is then called that passes in a valid record to remove:
       removeFromFavorites: function(record){
        var favorites = Ext.StoreMgr.get('FavoritesStore');
        var r = favorites.findRecord('name',record.data.name);
        favorites.remove(r);
        favorites.sync();
    } 

[mitchellsimoens]

I'm going to bump this because I am getting the same problem. I have also found these other two threads that haven't been solved either:

http://www.sencha.com/forum/showthre...storage+remove
http://www.sencha.com/forum/showthre...storage+remove

[tomalex0]

I'm working with version 1.01a. I have worked with localstorage it seems add and remove is working for me, some time i came across a problem but i couldn't able to recreate it

Below mention code works for me, let me know if any problem occurs

Ext.setup({
    onReady: function() {
        
        Ext.regModel('Contact', {
            fields: ['email'],
            proxy:{
                type:'localstorage',
                id :'contact'
            }
    
        });
        
        var contactStore = new Ext.data.Store({
            model:'Contact',
            getGroupString : function(record) {
                    return record.get('email')[0];
            },
            autoLoad:true
        });
        
        var mainPanel = new Ext.Panel ({
            fullscreen:true,
            scroll:false,
            dockedItems:[{
                xtype:'toolbar',
                items:[{text :'Disclosure to Remove'},{xtype:'spacer'},{
                    text:'Add to Local Storage',
                    handler:function(){
                        Ext.Msg.prompt("Welcome!", "Enter Email", function(stat,val){
                            if(stat == "ok"){
                                if(contactStore.findExact('email',val) == -1){
                                    contactStore.add({email : val});
                                    contactStore.sync();
                                }
                            }
                        });
                        
                    }
                }]
            }],
        items:[{
                xtype:'list',
                fullscreen: true,
                itemTpl : '{email}',
                onItemDisclosure: {
                handler: function(record, btn, index) {
                   contactStore.remove(contactStore.findRecord('email',record.get('email')));
                   contactStore.sync();
                }
                },
                grouped : true,
                indexBar: false,
                store: contactStore
            }]
        });
    }
});

[SpNg]

I am also having this problem. Adding works fine, but removing is not syncing...

[chummy]

It works for me if I add a field called "id" of type "int" to the model. Sencha Touch will populate the field. It seems, from having a quick look at the code, that Sencha Touch uses this field to identify the instance of the record that it must delete from the store.

[mitchellsimoens]

Ok, we can close this thread as it's working in the last couple versions now.

[SpNg]

Yep this works for me now. The id field was the key. Thanks for the response!

[mikermcneil]

Still happening to me in 1.1. I tried the "id" fix chummy suggested and it worked. (didn't bother making it of type int).

[mitchellsimoens]

Still happening to me in 1.1. I tried the "id" fix chummy suggested and it worked. (didn't bother making it of type int).

So the fix worked in 1.1.0?

[mikermcneil]

Yup. You'll probably find you need to clear your LocalStore.

	// Set up local user state model template
	User.template = Ext.regModel('User', {
		fields: [
			'id', // DONT TOUCH

			// User identity
			'user_id',
			'secret',

			// Personal info
			'firstName',
			'lastName',
			'email',
			'website',
			'portrait_url',
			'twitter_screen_name'
		]
	});

	// Proxies
	User.remoteProxy = new Ext.data.AjaxProxy({
		model: 'User',
		url: User.proxyURL,
		reader: {
			type: 'json'
		},
		type: 'ajax',
		actionMethods: {
			read: 'POST'
		},
		id: 'user_remote'
	});
	User.localProxy = new Ext.data.LocalStorageProxy({
		model: 'User',
		type: 'localstorage',
		id: 'user_local'
	});