Problem with Store/Model when the 'id' of a model is not named the same as the mappin

**RoyW** · 23 Aug 2011 12:24 PM

Hi,
I am working on a store with a memory proxy. I load the store with initial data and then at various times I update the store with updated records. If the records have the same ID they should be updated in the store. If the id's don't match then the record is added to the store.

This all works as long as I define

PHP Code:


{ name: "id", mapping: "id" }

however if I use something like

PHP Code:


{ name: "id", mapping: "theId" }

Then things don't work as expected. The records get a generated internal Id instead of the id I want.

I have tracked it down to 'extractData()' in Ext.data.reader (in sencha-touch-debug-w-comments.js line 15569)

PHP Code:


            node   = root[i];
            values = this.extractValues(node);
            id     = this.getId(node);

I think it should be

PHP Code:


            node   = root[i];
            values = this.extractValues(node);
            id     = this.getId(values);

This is because 'values' holds my converted data with 'id' but node contains the un-converted 'theId' and getId() returns obj[this.idProperty].

I have coded an example which shows this. I am not sure if it is a bug or because of the way I am doing this.

PHP Code:


<!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8">
     <title>Id Property</title>

     <!-- Sencha Touch CSS -->
     <link rel="stylesheet" href="http://dev.sencha.com/deploy/touch/resources/css/sencha-touch.css" type="text/css">

     <!-- Sencha Touch JS -->
     <script type="text/javascript" src="http://dev.sencha.com/deploy/touch/sencha-touch.js"></script>
     <!--<script type="text/javascript" src="js/sencha_touch_1_1_0/sencha-touch-debug-w-comments.js"></script>-->


     <script type="text/javascript">
         //Model 1 : The name and mapping are the same
         Ext.regModel('DataRecordModel1', {
            fields : [
                {name: 'id',   mapping: 'id'},
                {name: 'name', mapping: 'name'},
                {name: 'age',  mapping: 'age'}
            ]
        });

         //Model 2 : the names map to a different property in the JSON data
         Ext.regModel('DataRecordModel2', {
            fields : [
                {name: 'id',   mapping: 'theId'},
                {name: 'name', mapping: 'theName'},
                {name: 'age',  mapping: 'theAge'}
            ]
        });


         Ext.onReady(function(){

             //Create store 1
             var store1 = new Ext.data.Store({
                 proxy : {
                     type: 'memory',
                     reader: {
                         type: 'json'
                     }
                 },

                 model: 'DataRecordModel1',
                 data: [
                     { "id" : 1, "name": "Fred 1", "age" : 11},
                     { "id" : 2, "name": "Joe 1",  "age" : 21},
                     { "id" : 3, "name": "Sam 1",  "age" : 31}
                 ]
             });

             //Create store 2
             var store2 = new Ext.data.Store({
                 proxy : {
                     type: 'memory',
                     reader: {
                         type: 'json'
                     }
                 },

                 model: 'DataRecordModel2',
                 data: [
                     { "theId" : 10, "theName": "Freddy1", "theAge" : 51},
                     { "theId" : 11, "theName": "Joey 1",  "theAge" : 61},
                     { "theId" : 12, "theName": "Sammy 1", "theAge" : 71},
                     { "theId" : 13, "theName": "Bobby",   "theAge" : 81}
                 ]
             });

             console.log("Store 1", store1.getCount());
             store1.each(function(rec, i ){
                 console.log("Record="+i,":rec=", rec, ":rec.getId()=", rec.getId(), ":id=", rec.get('id'), ":name=", rec.get('name'), ":age=", rec.get('age') );
             });

             console.log("Store 2", store2.getCount());
             store2.each(function(rec, i ){
                 console.log("Record="+i,":rec=", rec, ":rec.getId()=", rec.getId(), ":id=", rec.get('id'), ":name=", rec.get('name'), ":age=", rec.get('age') );
             });

             //Create some data where some records have changed and one has been added
             var data1 = [
                 { "id" : 1, "name": "Fred 2",    "age" : 42},
                 { "id" : 2, "name": "Joe 2",     "age" : 52},
                 { "id" : 3, "name": "Sam 2",     "age" : 62},
                 { "id" : 4, "name": "NewName 1", "age": 102}
             ];

             //Create some data where some records have changed and one has been added
             var data2 = [
                 { "theId" : 10, "theName": "Freddy 2",    "theAge" : 10},
                 { "theId" : 11, "theName": "Joey 2",      "theAge" : 11},
                 { "theId" : 12, "theName": "Sammmy 2",    "theAge" : 12},
                 { "theId" : 13, "theName": "Bobbby 2",    "theAge" : 13},
                 { "theId" : 14, "theName": "NewyNamey 1", "theAge": 201}
             ];

             console.log("Load Data 1");
             var reader = store1.getProxy().getReader();
             var result = reader.read(data1);
             console.log(result.records);
             store1.loadData(result.records, true);
             store1.each(function(rec, i ){
                 console.log("Record="+i,":rec=", rec, ":rec.getId()=", rec.getId(), ":id=", rec.get('id'), ":name=", rec.get('name'), ":age=", rec.get('age') );
             });

             console.log("Load Data 2");
             reader = store2.getProxy().getReader();
             result = reader.read(data2);
             console.log(result.records);
             store2.loadData(result.records, true);
             store2.each(function(rec, i ){
                 console.log("Record="+i,":rec=", rec, ":rec.getId()=", rec.getId(), ":id=", rec.get('id'), ":name=", rec.get('name'), ":age=", rec.get('age') );
             });
         });

     </script>
 </head>
 <body></body>
 </html>

TommyMaintz

This will be fixed as part of the next Touch 2.0 release.

**TommyMaintz** · 16 Dec 2011 12:09 PM

This will be fixed as part of the next Touch 2.0 release.

Problem with Store/Model when the 'id' of a model is not named the same as the mappin

Thread Tools

Search Thread

Display

Answered: Problem with Store/Model when the 'id' of a model is not named the same as the mappin

Answered: Problem with Store/Model when the 'id' of a model is not named the same as the mappin