1

模型:

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 中,但没有任何数据。

4

2 回答 2

3

我认为问题在于当你这样做时:

PlacesLocal.add(record.data);

有一个id字段,其中有一个值record.data。因此,该记录不会被视为新记录。它也不会被视为修改,因为它没有被修改,也不会被视为删除(解释留给读者作为练习)。

换句话说,对于商店来说,没有什么可以同步的。任务完成。

getNewRecords这是方法中使用的 的代码sync

function() {
    return this.data.filterBy(function(item) {
        // only want phantom records that are valid
        return item.phantom === true && item.isValid();
    }).items;
}

我想你已经猜到你现在需要做什么了,但让我说点儿话:

var recordsData = store.getRange().map(function(record) { return record.data }),
    newRecords = PlacesLocal.add(recordsData);

Ext.each(newRecords, function(record) {
    record.phantom = true;
});

// Now it should have plenty of work!
PlacesLocal.sync();
于 2013-07-25T23:19:29.313 回答
0

实际上问题是 id,所以使用复制方法可以解决问题:

// Loop through records and fill the offline store
this.each(function (item, index, length){
    var newItem = item.copy()
    PlacesLocal.add(newItem);

});
于 2014-04-14T00:54:54.803 回答