WebStorage proxy can't deal with associated data

[luismerino]

REQUIRED INFORMATION

Ext version tested:

• Touch 2.0PR3

Browser versions tested against:

• Chrome 17
• Safari 5.1.2

Description:

• WebStorage proxies don't use their reader/writer instances, therefore associated data is left out when using these types of proxy.

// Product Model
Ext.define('Product', {
    fields: [
        {name: 'pid', type: 'int'},
        {name: 'name', type: 'string'}
    ],
    associations: [{
        type: 'belongsTo',
        model: 'Category'
    }]
});


// Category Model
Ext.define('Category', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'id', type: 'int'},
        {name: 'name', type: 'string'}
    ],
    proxy: {
        type: 'localstorage',
        id  : 'my-categories'
    },
    hasMany: {
        model: 'Product',
        name : 'products',
        filterProperty: 'pid',
        proxy: {
            type: 'localstorage',
            id  : 'products'
        }
    }
});


// Categories Store
Ext.define('Categories', {
    extend: 'Ext.data.Store',
    model: 'Category',
});

var c = new Categories();
c.loadData([
    {
        id: 1,
        name: 'First Category',
        products: [
            {
                pid: 1,
                name: 'First Product'
            }
        ]
    }
]);


c.sync();

Refresh browser window, then:

var c = new Categories();
c.load({success: function(records){ console.log(records); }});

[mitchellsimoens]

Do you have a test case?

[luismerino]

// Product Model
Ext.define('Product', {
    fields: [
        {name: 'pid', type: 'int'},
        {name: 'name', type: 'string'}
    ],
    associations: [{
        type: 'belongsTo',
        model: 'Category'
    }]
});


// Category Model
Ext.define('Category', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'id', type: 'int'},
        {name: 'name', type: 'string'}
    ],
    proxy: {
        type: 'localstorage',
        id  : 'my-categories'
    },
    hasMany: {
        model: 'Product',
        name : 'products',
        filterProperty: 'pid',
        proxy: {
            type: 'localstorage',
            id  : 'products'
        }
    }
});


// Categories Store
Ext.define('Categories', {
    extend: 'Ext.data.Store',
    model: 'Category',
});

var c = new Categories();
c.loadData([
    {
        id: 1,
        name: 'First Category',
        products: [
            {
                pid: 1,
                name: 'First Product'
            }
        ]
    }
]);


c.sync();

Refresh browser window, then:

var c = new Categories();
c.load({success: function(records){ console.log(records); }});

[TommyMaintz]

Hi,

Thanks for the great test case. We are still discussing internally what the best way would be to implement associations in combination with LocalStorage. Unfortunately this will probably not make it into the next beta release, but we are still hoping on getting this to work before Touch 2.0 GA.

Just wanted to inform you that we are aware of this issue and to not expect this to work in the next beta release.

[luismerino]

Hi,

Thanks for the great test case. We are still discussing internally what the best way would be to implement associations in combination with LocalStorage. Unfortunately this will probably not make it into the next beta release, but we are still hoping on getting this to work before Touch 2.0 GA.

Just wanted to inform you that we are aware of this issue and to not expect this to work in the next beta release.

Thanks for the info. I look forward to see the chosen solution.

[spoussa]

Hi,

Any update to the potential resolution (associations and local-storage)?

If not available in final release, what is the recommended way of saving associations locally? Note, I'd like to use SQL but the author has not fixed the package for ST2 so can't count on that.