Help getting started with JsonReader and grid

[Animal]

OK, You've done well so far, but it's not advisable to use dots in field names (and the therefor the ColumnModel dataIndex properties that reference them) because the dataIndex is used as a javascript property name, and dots are significant - there's another thread posted today where someone got bitten just just this: http://extjs.com/forum/showthread.php?t=17046

What you need to do is define a mapping in field definition configs for the fields that are pulled from within an inner property.

    var electronicDevice = Ext.data.Record.create([
       { name : 'id'},  // property name within the row object is the same as the field name
       { name : 'model', mapping: 'properties.model'}, // mapping needed here because name != mapping
       { name : 'deviceType', mapping: 'properties.deviceType'},
       { name : 'netBandWidth', mapping: 'properties.netBandwidth'}
    ]);
    
    var reader = new Ext.data.JsonReader({
 	   root : "features",
 	   totalProperty : "total",
 	   id : "id"
    }, electronicDevice);
    
    var store = new Ext.data.Store({
       nocache : true,
       reader : reader,
       autoLoad : true,
	   remoteSort : true,
	   proxy : new Ext.data.HttpProxy({
	       url : '/getjson?queryable=featureType&featureType=Electronic%20Device',
	       method : 'GET'
	   })
	});

    var grid1 = new xg.GridPanel({
        ds: store,
        cm: new xg.ColumnModel([
        {id : 'id', header : "Feature Number", width: 8, dataIndex : 'id'},
        {header: "Model", width: 10, dataIndex: 'model'},
        {header: "Device Type", width: 10, dataIndex: 'deviceType'},
        {header: "Net Bandwidth", width: 10, dataIndex: 'netBandwidth'}

        ...

The documentation for Ext.data.record.create explains this.

[mcarsel]

OK, thanks. I had read the part about 'mapping' in the docs, but didn't grasp it until you explained it. Thanks for the advice.

And to mjlecomte: The thread says it all. Read it carefully, especially the part about 'nested' objects and using the proper 'root'. I supplied a working example in my final code post and Animal provided another useful suggestion. Cobnet and JoeK provided useful info that got me further along. The previous examples were lacking just a bit in dealing with 'nested' objects in JSON. Looking back, I probably should have provided my code in the very first post.

[ajaxE]

OK, You've done well so far, but it's not advisable to use dots in field names (and the therefor the ColumnModel dataIndex properties that reference them) because the dataIndex is used as a javascript property name, and dots are significant - there's another thread posted today where someone got bitten just just this: http://extjs.com/forum/showthread.php?t=17046

What you need to do is define a mapping in field definition configs for the fields that are pulled from within an inner property.

    var electronicDevice = Ext.data.Record.create([
       { name : 'id'},  // property name within the row object is the same as the field name
       { name : 'model', mapping: 'properties.model'}, // mapping needed here because name != mapping
       { name : 'deviceType', mapping: 'properties.deviceType'},
       { name : 'netBandWidth', mapping: 'properties.netBandwidth'}
    ]);
    
    var reader = new Ext.data.JsonReader({
 	   root : "features",
 	   totalProperty : "total",
 	   id : "id"
    }, electronicDevice);
    
    var store = new Ext.data.Store({
       nocache : true,
       reader : reader,
       autoLoad : true,
	   remoteSort : true,
	   proxy : new Ext.data.HttpProxy({
	       url : '/getjson?queryable=featureType&featureType=Electronic%20Device',
	       method : 'GET'
	   })
	});

    var grid1 = new xg.GridPanel({
        ds: store,
        cm: new xg.ColumnModel([
        {id : 'id', header : "Feature Number", width: 8, dataIndex : 'id'},
        {header: "Model", width: 10, dataIndex: 'model'},
        {header: "Device Type", width: 10, dataIndex: 'deviceType'},
        {header: "Net Bandwidth", width: 10, dataIndex: 'netBandwidth'}

        ...

The documentation for Ext.data.record.create explains this.

Hi Animal,

Your example in reference nested json is very helpful. I tried your approach using mapping. It worked in IE 6 but not the latest Firefox. Firefox didn't give any error. It shows the blank grid. Any inside. I am using Ext2.0 grid.

Thanks!

[Animal]

Well you're in luck. Firefox has a good debugger. You can use ext-all-debug.js, and set a break in JsonReader.readRecords() and step through and find out exactly what is happening.

[ajaxE]

Yes, I was lucky! Problem solved! Thanks Animal!

[hottie1981]

TryanDLS and Animal, why are you guys being so mean to him? He just wanted some help on a question, there's no need to be so terrible to him.

[tatiananabokov]

God, this thread makes me sick. What better way to turn away new and potential developers than for a product's "Community Support Team" to belittle its newest community members. There is a time and place for RTFM, but save the heckling for community members who aren't paid staff or volunteers vested in the success of the framework.

My initial impression of Ext and the Sencha Touch framework is that it is pretty good, but lacking in documentation (think proxy on jsonstore/jsonpstore) at times and a little too "beta" for us to purchase a commercial license... not to mention threads like these which, quite frankly, makes me want to avoid using Sencha forums to seek help with my Sencha-related questions.

[conorarmstrong]

why are you not using the root you specified in the proxy?

[ben.tremblay]

Just for the record: I deleted a long reply because the original ... shall I call it "incident"? Anyhow, it was long ago.
Just to say I was disappointed by the tone, and the indulgence.
Water under the bridge; bigger fish to fry.