Dynamically-created Local Storage store not in StoreManager

[george.m]

Hello all,

I'm having a nightmare with local storage as I already have another post up related to LS.

This one is about a dynamically-created store not being persistent. Elsewhere in my app, because I have a local storage store instantiated in the app.js store:[] section, this IS persistent on page refresh.

However, when I try to load data into a store which is not being instantiated in the app.js store:[] section, I can't load the data after page refresh.

Code:

Model:

Ext.define('App.model.Region', {
    extend: 'Ext.data.Model',
       requires: ['Ext.data.identifier.Uuid'],
    config: {
        idProperty: 'auto',
        fields: ['id','buildingName','town','agent'],
        identifier: 'uuid'
    }
});

Store:

Ext.define('App.store.Region', {
    extend: 'Ext.data.Store',
    alias: 'store.region',
    requires: ['Ext.data.proxy.LocalStorage'],
    config: {
        storeId: 'region',
    model: 'App.model.Region',
        autoSave: false,
        syncRemovedRecords: false
       }
});

Store creation:

Ext.getStore('Store1').load({
// Create localstorage store
Ext.create('App.store.Region', {
     storeId: 'rg-46677',
     autoLoad: true,
     autoSave: true,
     proxy: {
          type: 'localstorage',
          storeId: 'rg-46677',
     }
})
regionStore = Ext.getStore('rg-46677');

// Load data from Store1 into the localstorage store    
Ext.each(this.getData().items, function(rec) {
      regionStore.add(rec);
})
regionStore.sync();
                    
//Bind to list
listComp.setStore(regionStore);
})

I'm assuming that it's because it is not getting registered in the StoreManager as it is not in Ext.data.StoreManager.all?

Any help would be greatly appreciated.

Thanks,
George

P.s.
(I have also looked here http://www.sencha.com/forum/showthre...nd-persistency but I am already using that method).

[george.m]

Sorry to bump the thread but it's grinding my gears now and could I do with the help.

I've just upgraded from 2.0.1.1 to 2.1 and the problem is persisting.

[mitchellsimoens]

How are you requiring the store?

[george.m]

Well I'm saving it in a localstorage store so that if the app is offline, it is still accessible. But like I said, the dynamically created store doesn't work on refresh, whereas the other store that is local storage which is in the Ext.application() store[] section is.

[mitchellsimoens]

If the store is in the stores array in Ext.application then an instance will be created automatically. It will either use the storeId config if one is present or create a storeId based on the class name.

[george.m]

That's the problem, it isn't in the stores array.

I have created a store called Region, which IS in the store array:

Ext.define('Audit.store.Region', {    extend: 'Ext.data.Store',
    requires: ['Ext.data.proxy.LocalStorage'],
        config: {
        model: 'Audit.model.Region',
        sorters: 'region',
        proxy: {
            type: 'localstorage',
            id: 'region-main'
        }
}
});

Then in my view, I have a selectfield with different regions in, once I select a region, I make an ajax request to get a feed for that region. I then store this feed in a localstorage store by 'extending'(not sure if that is the write term) the original 'Region' store:

Ext.getStore('Region').setProxy( code here points to a file and gets the relevant feed ).load({
                                // 'This is where I 'extend' that store already in the Ext.application store[] config
                               // itemtosearch is a number that I use to load the relevant file
                    Ext.create('Audit.store.Region', {
                        storeId: 'rg-'+itemToSearch,
                        proxy: {
                            type: 'localstorage',
                            id: 'rg-'+itemToSearch
                        }
                    })
                    
                    regionStore = Ext.getStore('rg-'+itemToSearch);
                                
                                
                    Ext.each(this.getData().items, function(rec) {
                        var recToAdd = rec.data;
                        delete recToAdd['auto'];
                        delete recToAdd['id'];
                        console.log(recToAdd);


                        regionStore.add(recToAdd);
                    })
                regionStore.sync();
})

It is this dynamically-created store that isn't saved. And I will have numerous stores like this.


Should I just load all data into the store that is in the store:[] config and just filter it per region?

[mitchellsimoens]

This is working for me:

Ext.create('Ext.data.Store', {
    fields  : ['test'],
    storeId : 'test',
    proxy   : {
        type : 'localstorage',
        id   : 'test'
    }
});

console.log(Ext.getStore('test'));

However, in your code you don't need to do the getStore call.

[george.m]

Still isn't working for me, is it still there on refresh for you?

I've changed it to the following but isn't playing ball still..

Ext.create('Ext.data.Store', {
	model: 'Audit.model.Region',
	storeId: 'rg-'+itemToSearch,
	proxy: {
		type: 'localstorage',
		id: 'rg-'+itemToSearch
	}
})