模型:
Ext.define('SkSe.model.PlacesLocal',{
extend:'Ext.data.Model',
config:{
fields:['id', 'name','icon','required_stamps', 'active_stamps','description', 'campaign_id', 'user_favorites' , 'live_action_number'],
proxy: {
type: 'localstorage',
id : 'local-places-id'
}
}
});
店铺:
Ext.define('SkSe.store.PlacesLocal', {
extend:'Ext.data.Store',
config: {
storeId: 'PlacesLocal',
model: "SkSe.model.PlacesLocal",
sorters: 'name',
grouper: {
groupFn: function (item) {
return item.get('name')[0];
}
},
groupDir: 'DESC'
}
});
离线 - 在线商店同步:
Ext.define('SkSe.store.Places',{
extend:'Ext.data.Store',
config:{
autoLoad:true,
autoSync:true,
model:'SkSe.model.Places',
sorters: 'name',
grouper: {
groupFn: function (item) {
return item.get('name')[0];
}
},
groupDir: 'DESC',
proxy:{
type:'ajax',
url:'http://localhost/campaigns/',
reader:{
type:'json',
//name of array where the results are stored
rootProperty:'results'
}
},
listeners: {
load: function() {
var PlacesLocal = Ext.data.StoreManager.lookup('PlacesLocal');
// Clear proxy from offline store
if (navigator.onLine) {
console.log("Hm");
// Loop through records and fill the offline store
this.each(function(record) {
PlacesLocal.add(record.data);
});
// Sync the offline store
PlacesLocal.sync();
}
}
}
}
});
显然,placesLocalstore 确实获取了数据,但由于某种原因,它没有存储在本地存储中。
密钥 local-places-id 出现在 localstorage 中,但没有任何数据。