Stores and Models

[dombroskib]

Trying to play with the kiva sample and convert it to use a regular store with a JsonReader backing it (reusing the back end from extjs development). I can't get it to work as I get an error that the model is undefined in ext-touch-debug line 11505.

Ext.regModel('CheckModel', {
fields: [
{name:'APAmount'},
{name:'Provider'},
{name:'ARAmount'},
{name:'ProfitAmt'},
{name:'ProfitPercent'},
{name:'State'},
{name:'City'},
{name:'Claimant'},
{name:'Payer'},
{name:'ApptDate'},
{name:'ApptType'},
{name:'Department'},
{name:'Speciality'}
]
});
 
 
this.store = new Ext.data.Store({
id: 'edc-store-checks',
storeId: 'edc-check-store',
url: '/MessageHub.aspx',
model: 'CheckModel',
reader: new Ext.data.JsonReader({
root: 'Items',
totalProperty: 'Count',
id: 'openitems',
model: 'CheckModel'

})
});

Tried stepping thru the code (learning experience on doing that in Safari) and don't ever see a key being added to the underlying mixedcollection of the ModelMgr. Am I missing something (.90 version of touch).

[elmasse]

Got the same issue, I just modified the code, try this:

Not a nice solution, but it is working for me. The main issue is automatically registering writers and readers since they are created automatically and no root, model and so on are attached

Ext.data.JsonReader.override({
    buildExtractors : function() {
		if (typeof this.model == 'string') {
			this.model = Ext.ModelMgr.types[this.model];
		}
	    Ext.data.JsonReader.superclass.buildExtractors.apply(this, arguments);
	
	    if (this.root) {
	        this.getRoot = this.createAccessor(this.root);
	    } else {
	        this.getRoot = function(root) {
	            return root;
	        };
	    }
	}
});

Ext.data.JsonStore = Ext.extend(Ext.data.Store, {
    /**
     * @cfg {Ext.data.DataReader} reader @hide
     */
    constructor: function(config){
		if(config && config.url){
			config.proxy = new Ext.data.AjaxProxy(config);
		}
        Ext.data.JsonStore.superclass.constructor.call(this, Ext.apply(config, {
            reader: new Ext.data.JsonReader(config)
        }));
    }
});
Ext.reg('jsonstore', Ext.data.JsonStore);

[dombroskib]

That seemed to do the trick, thank you! Don't seem to get the load listener to work either. Did you have issues with it?

[dombroskib]

Now read the docs, event is no longer there.

[edspencer]

In Sencha Touch the data package was rearchitected such that Stores have Proxies, which in turn contain their Readers and Writers, like this:

 
this.store = new Ext.data.Store({
    id: 'edc-store-checks',
    storeId: 'edc-check-store',
    url: '/MessageHub.aspx',
    model: 'CheckModel',
    proxy: {
        type: 'ajax',
        reader: {
            type: 'json',
            root: 'Items',
            totalProperty: 'Count'
        }
    }
});

Defining a Reader directly on a Store is not currently supported. Thanks for pointing this out though as our docs on this are currently out of date.

[dombroskib]

Thanks Ed. Spending more time in the touch code I realise that all though I am tempted to apply all of Ext JS techniques I need to be wary that touch currently supports it. Appreciate the efforts, so far I am happy with where this is headed

[jay@moduscreate.com]

In Sencha Touch the data package was rearchitected such that Stores have Proxies, which in turn contain their Readers and Writers, like this:

 
this.store = new Ext.data.Store({
    id: 'edc-store-checks',
    storeId: 'edc-check-store',
    url: '/MessageHub.aspx',
    model: 'CheckModel',
    proxy: {
        type: 'ajax',
        reader: {
            type: 'json',
            root: 'Items',
            totalProperty: 'Count'
        }
    }
});

Defining a Reader directly on a Store is not currently supported. Thanks for pointing this out though as our docs on this are currently out of date.

That is f'ing sexy! Total abstraction, and really makes configuration extremely easy.

I really hope this makes it in to 4.0

[edspencer]

That is f'ing sexy! Total abstraction, and really makes configuration extremely easy.

I really hope this makes it in to 4.0

Sencha Touch's data package is the 4.0 data package - they are identical. There's a lot more to come too

[epalm]

In Sencha Touch the data package was rearchitected such that Stores have Proxies, which in turn contain their Readers and Writers, like this:

 
this.store = new Ext.data.Store({
    id: 'edc-store-checks',
    storeId: 'edc-check-store',
    url: '/MessageHub.aspx',
    model: 'CheckModel',
    proxy: {
        type: 'ajax',
        reader: {
            type: 'json',
            root: 'Items',
            totalProperty: 'Count'
        }
    }
});

This gives me "url is undefined"

[edspencer]

Put the url on the Proxy instead of the Store. The Proxy abstracts away the CRUD mechanism that the Store relies on, so a Store can switch between a LocalStorageProxy and an AjaxProxy and rely on the same interface. The url is therefore meaningful to the Proxy, not the Store.

This was a design change from the current Ext JS 3.x architecture, we're preparing documentation to guide developers through the usage of the data package.