在ExtJS 5中使用localstorage

Question

我正在尝试在我的应用程序中使用localstorage。这个想法分为两页。一个在线页面，可用时从服务器检索数据并将其保存到本地存储，以及一个离线页面，当连接时从localstorage获取此信息不可用。这是我的代码：

我的型号：SProductModel.js

Ext.define('App.wms.SProductModel', {
extend: 'Ext.data.Model',
idProperty:'noId',
fields: ['cost','count','id','product_code','title'],

});

我的商店：SProductStore.js

Ext.define('App.wms.SProductStore', {
extend: 'Ext.data.Store',
model: 'App.wms.SProductModel',
autoLoad: true,
proxy: {
    type: 'localstorage',
    id  : 'myProxyKey'
}

});

在线页面：online.js

var sproductstore = new App.wms.SProductStore;
this.stationProducts.store.each(function(item){
    sproductstore.add(item);
})
sproductstore.sync();

离线页面：offline.js

var sproductstore = new App.wms.SProductStore;
console.log(Ext.getStore('sproducts'));

但是在console.log的第二页输出中（Ext.getStore（＆＃39; sproducts＆＃39;））是一个空的store.can任何人都可以帮助纠正它或向我显示正确的路径？

更新：

我替换了行sproductstore.sync（）;使用sproductstore.sync（{callback：function（）{console.log（＆＃34; sync＆＃34;）}}）;并发现同步根本不执行。