Unable setting nested json data on localstorage in sencha touch

Question

I have problem to setting nested json data on localstorage in sencha.

I have Store class:

 Ext.define('default.store.Top25Store',{
extend: 'Ext.data.Store', 
config:
{
    autoLoad:true,
    model: 'default.model.Top25WordFinal',    
    id:'TodaysWord',
    proxy:
    {
        type: 'ajax',
        url: 'http://alucio.com.np/trunk/dev/sillydic/admin/api/word/my_favourite_words_with_definition/SDSILLYTOKEN/650773253e7f157a93c53d47a866204dedc7c363', 
        reader:
        {
                type:'json',
                rootProperty:''
        }
    }
}
});

and model class:

Ext.define('default.model.Top25WordFinal', {
    extend: 'Ext.data.Model',

    requires: ['default.model.Top25WordRaw'],

    config: {
        fields: [
            {name: 'status', mapping: 'status'},
            {name: 'message', mapping: 'message'},
            {name: 'name', mapping: 'name'},
            {name:'data', mapping: 'data'},
            {name: 'definition', mapping: 'definitions.definition'},
            {name: 'ratings', mapping: 'definitions.rating'},
            {name:'def_id', mapping:'definitions.def_id'},
        ],
    }
});

and associated model class:

Ext.define('default.model.Top25WordRaw', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
        'name',
        'author',
        'word_id',
        'category',
        'definition',
        'rating',
        'def_id',
        'example',
        'author',
        'is_favourite'
        ],
        belongsTo: "default.model.Top25WordFinal"
    }
});

Model that can used in offline:

Ext.define('default.model.Top25WordRawOffline', {
    extend: 'Ext.data.Model',

    requires: ['default.model.Top25WordOffline'],

    config: {
        fields: [
            {name: 'status', mapping: 'status'},
            {name: 'message', mapping: 'message'},
            {name: 'name', mapping: 'name'},
            {name:'data', mapping: 'data'},
            {name: 'definition', mapping: 'definitions.definition'},
            {name: 'ratings', mapping: 'definitions.rating'},
            {name:'def_id', mapping:'definitions.def_id'},
        ],
        identifier:'uuid', // IMPORTANT, needed to avoid console warnings!
    proxy: {
      type: 'localstorage',
      id  : 'Top25Display'
    }
    }
});

Where default.model.Top25WordOffline is just like default.model.Top25WordRaw.

View that display accurate format:

store: 'Top25Store',
       itemTpl: new Ext.XTemplate(
           '<div>',                
           '<tpl for="data">',
           '<ul class="parabox">',
           '<li><h2 ><b>{name}</b> </h2>',                          
           '<tpl for="definitions">',
           '<ul class="para-box-wrapper">',
           '<li class="{rating}"><div id = "definition" class="{rating}">','{definition}',
           '<span class="authorBox"><i>Author: {author}</i></span>',
           '<div id = "favourite" class="{is_favourite}" ></div>',
           '</li>' ,
        '</div>',
        '</ul></li>', 
        '</tpl>',
        '</ul>',
        '</tpl>',
        '</div>'
        ),

I got value on view. but Problem to store in localstorage: in controller,

localStore.getProxy().clear();
         store.each(function(record) {
         var rec = {
         message : record.data.message,
         definition : record.data.definitions.definition,
         ratings:"red"
         // defintion:record.data.definitions.def_id
        };

        localStore.add(rec);
        localStore.sync();

I have set message on localstorage and static ratings but problem in definition. How to store definitions, please clearfy.

Answer 1

Try to change

var rec = {
         message : record.data.message,
         definition : record.data.definitions.definition,
         ratings:"red"
         // defintion:record.data.definitions.def_id
        };

to

var rec = Ext.create('default.model.Top25WordOffline', 
         {
             message : record.data.message,
             definition : record.data.definitions.definition,
             ratings:"red"
         });