JSONReader for JSON with multiple root elements

[jmeyer09]

Hello,

I am trying to figure out if there is a way to set up a reader to read multiple root elements.

Currently, my dataStore is setup like this...

// Define Shapes Datastore

// Airport data store

shapeStore =

new Ext.data.Store({
url: myUrl,
reader: new Ext.data.JsonReader({
root:'schedshp'

},[

'type',
'airspace_name',
'start_time',
'end_time',
'style',
'geom'

]),

});

I have recently changed the JSON to be like this...

{ "schedshp": [], "astype": [ {"astype": "atcaa"}, {"astype": "arial_rr"}, {"astype": "alert"}, {"astype": "moa"}, {"astype": "other"}, {"astype": "prohibited"}, {"astype": "restricted"}, {"astype": "warning"} ], "acttype": [ {"actype": "active"}, {"actype": "_1hour"}, {"actype": "1h_2h"}, {"actype": "2h_4h"}, {"actype": "4h_8h"} ], "alttype": [ {"alttype": "surf_10"}, {"alttype": "10_17"}, {"alttype": "FL180_FL280"} ] }

In addition to being able to read the "schedshp" root, I'd like to also be able to read the astype, acttype and alttype root elements.

Any help would be much appreciated.

Thanks,
Jim

[Animal]

If you are in control of the JSON, why not just create a simple Array of rows container the data for each row?

[jmeyer09]

Hello,

While you were responding I found this somewhere in the forum...

ds1.load({
callback: function(){
ds2.loadData(ds1.reader.jsonData);
}
});

Would something like this work too?

Thanks,
Jim

[Condor]

That code is used to load 2 stores from the same request.

Is that what you want or did you want to load one store with data from 2 roots.

[jmeyer09]

Currently, the first datastore makes the server request. The JSON being returned has multiple roots. If the second datastore could reference a different root, then I'd be fine. Is that possible?

Thanks,
Jim

[Condor]

Yes, simply use the code you found.

[jmeyer09]

I thought I'd just post what worked for me...

astypeStore =

new Ext.data.Store({
reader: new Ext.data.JsonReader({
root:'astype'

},[

'astype'

])
});

// Define Shapes Datastore

// Airport data store

shapeStore =

new Ext.data.Store({
url: myUrl,
reader: new Ext.data.JsonReader({
root:'schedshp'

},[

'type',
'airspace_name',
'start_time',
'end_time',
'style',
'geom'

])

});

shapeStore.on(

'load', function(ds){

astypeStore.loadData(shapeStore.reader.jsonData);
....
}

Using that code, I wound up with:
1) One server call - the myURL in the shapeStore
2) Two datastores
3) Each datastore using its own root element

Thanks for your support,
Jim

[cnelissen]

If anyone needs a more succinct example, this is what I used to make this work:

var store1 = new Ext.data.Store({
    url: '/path/to/json-data.php',
    method: 'POST',
    autoLoad: true,
    reader: new Ext.data.JsonReader({
        root: 'root1',
        fields: ['field1', 'field2', 'field3']
    }),
    listeners: {
        'load': function() {
            store2.loadData(store1.reader.jsonData);
        }
    }
});

var store2 = new Ext.data.Store({ 
    reader: new Ext.data.JsonReader({
        root: 'root2',
        fields: ['field1', 'field2', 'field3']
    })
}); 

Hope that helps someone out there.

[riuslex]

Thank you all!

[wells_chao]

I can't call the reader.jsonData with extjs 4.0 framework.

what can i try to replace this method ?

Thanks.