Question about the idProperty config on a Model

[parky128]

Hi,

Im encountering some problems when working with the store and model classes when trying to configure a model with an idProperty.

I have the following model defined:

Ext.define('PinpointersTouch.model.Unit', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'RowNo', type: 'int' }, 
        'UntID', 
        'MapIconHTML', 
        'UnitName', 
        'EventDTLocalDisplay', 
        'Lat', 
        'Lon', 
        'Location', 
        'StatusHTML', 
        'InJourney', 
        'SwitchedOn', 
        'HasPower', 
        'UsrProfilePictureGUID', 
        {
            name: 'EventDTLocal',
            type: 'date'
        }
    ],
    idProperty: 'UntID'


});

And the following store:

Ext.define('PinpointersTouch.store.Units', {
    extend: 'Ext.data.ArrayStore',
    requires: 'PinpointersTouch.model.Unit',
    model: 'PinpointersTouch.model.Unit'


});

After loading data into the store, I have some code which loops through the items in the store and I am trying to lookup the id values for each record (model). When I inspect the id property of the model I am seeing an auto generated id and not the value of the field I have defined in the idProperty config on the model (UntID). I know I have data loaded for the record when debugging in Chrome:

data: Object
EventDTLocal: Date
EventDTLocalDisplay: "12:47:49"
HasPower: null
InJourney: true
Lat: 52.85097
Location: "M1, Lockington-Hemington, North West Leicestershire, Leicestershire heading N at 67mph. 584 RPM"
Lon: -1.29748
MapIconHTML: "<img src='/SBS.Websites.PPTouch/images/mapicons/10001.gif'>"
RowNo: 24
StatusHTML: "<img src='/SBS.Websites.PPTouch/images/icon-fuel010.gif' title='8.00% fuel'><img src='/SBS.Websites.PPTouch/images/mapicons/110.gif' title='Timed'>"
SwitchedOn: null
UnitName: "Rob AVG650"
UntID: 7393

So I'm a bit confused here, I should be seeing an id value of 7393 based on the above but clearly I have gone wrong somewhere, can anyone assist?

Thanks

[mitchellsimoens]

The id property in the Model instance is a combination of the Model name and the id separated by '-'. The id property you are wanting is the internalId property.

[parky128]

Thank you for your answer, however configuring the internalId property on my model has no effect when I break into my code and look at the store records, the internalId values are still the 'ext-record-x' auto generated ones.

I can only get around this by ensuring one of my fields is named 'id' and use model.getId() in my code which is not ideal. Any other ideas?

[mitchellsimoens]

Then the idProperty is not getting mapped correctly in your response.

[justinKohactive]

Ext.define('LegalProxy.model.Profile', {    extend: 'Ext.data.Model',
    hasMany: ['Locations', 'Expertises'],
    idProperty: '_id',
    fields: [
            {name: '_id', type: 'string'},
            {name: 'firstName',  type: 'string'},
            {name: 'lastName',  type: 'string'},
            {name: 'company',  type: 'string'},
            {name: 'address',  type: 'string'},
            {name: 'address2',  type: 'string'},
            {name: 'city',  type: 'string'},
            {name: 'state',  type: 'string'},
            {name: 'zipcode',  type: 'string'},
            {name: 'locations',  type: 'string'},
            {name: 'phone', type: 'string'},
            {name: 'specialties',  type: 'string'}
    ],
    validations: [
                 {type: 'presence',  field: 'firstName'},
                 {type: 'presence',  field: 'lastName'},
                 {type: 'presence',  field: 'address'},
                 {type: 'presence',  field: 'city'},
                 {type: 'presence',  field: 'state'},
                 {type: 'presence',  field: 'zipcode'},
                 {type: 'presence',  field: 'phone'},
                 {type: 'presence',  field: 'specialties'},
                 {type: 'presence',  field: 'locations'},
    ],
    proxy: {
           type: 'rest',
           url: endpoint + '/profiles',
           noCache: false,
           reader: {
           	type: 'json',
           	getResponseData: function(response) {
           	        try {
           	            var data = Ext.decode(response.responseText);
           	        }
           	        catch (ex) {
           	            Ext.Error.raise({
           	                response: response,
           	                json: response.responseText,
           	                parseError: ex,
           	                msg: 'Unable to parse the JSON returned by the server: ' + ex.toString()
           	            });
           	        }
           	       
           	        if (!data) {
           	            Ext.Error.raise('JSON object not found');
           	        }
           	        
           	       	if (data['locations']) {
           	       		data.locations = data.locations.join(",");
           	       	}
           	       	if (data['specialties']) {
	           			data.specialties = data.specialties.join(",");           	       	
           	       	}
           	        return data;
           	 }
           },
           writer: {
           	type: 'json',
           	root: 'profile',
          	writeAllFields: false,
          	getRecordData: function(record) {
          	        var isPhantom = record.phantom === true,
          	            writeAll = this.writeAllFields || isPhantom,
          	            nameProperty = this.nameProperty,
          	            fields = record.fields,
          	            data = {},
          	            changes,
          	            name,
          	            field,
          	            key;
          	        
          	        if (writeAll) {
                        console.log(fields);
          	            fields.each(function(field){
          	                if (field.name != '_id') {
                              if (field.persist) {
                                    if (record.get('locations').length > 0) {
                                    data['locations'] = record.get('locations').split(',');
                                    }
                                    if (record.get('specialties').length > 0) {
                                    data['specialties'] = record.get('specialties').split(',');
                                    }
                                    
                                    name = field[nameProperty] || field.name;
                                    if (name != 'locations' && name != 'specialties') {
            	                    	data[name] = record.get(field.name);
                                    }
                              }
                            }
          	            });
          	        } else {
          	            // Only write the changes
          	            
          	            if (record.get('locations').length > 0) {
          	            	data['locations'] = record.get('locations').split(',');
          	           	}
          	            if (record.get('specialties').length > 0) {
          	            	data['specialties'] = record.get('specialties').split(',');
          	           	}
          	            
                        
          	            changes = record.getChanges();
          	            for (key in changes) {
                            
          	                if (changes.hasOwnProperty(key)) {
          	                    field = fields.get(key);
          	                    name = field[nameProperty] || field.name;
          	                    if (name != 'locations' && name != 'specialties') {
          	                    	data[name] = changes[key];
          	                    }
          	                }
          	            }
          	            if (!isPhantom) {
          	                // always include the id for non phantoms
          	                data[record.idProperty] = record.getId();
          	            }
          	        }
          	        return data;
          	 }
          }
    },




});

[justinKohactive]

Why are you extending an ArrayStore, that almost certainly wont work, i'd say use a JsonStore.