How to use NestedLists with associated models

How to use NestedLists with associated models

Hello-
I'm attempting to use a NestedList with multiple Models using the Sencha Touch Beta 1 framework; in particular, I would like to render a NestedList component which displays Orders, each of which hasMany Products.

My simplified test application creates a TabPanel. There's a single Controller and View, and to the View I've added a NestedList which loads a Store. I would like to make a single AJAX call and load the data of Orders and Products as follows:

The problem is that I cannot get the NestedList to populate using these Models. Do NestedLists even support associated Models? Looking over the NestedList examples, they all appear to use a single Model, without any associated Models. Even the KitchenSink demo (http://docs.sencha.com/touch/2-0/tou...emo/nestedlist) only defines a Car model, where I would expect Continents, Countries, etc. as well. And this forum post (http://www.sencha.com/forum/showthre...-nested-models) asked the exact question but didn't get an answer as to Touch 2 support.

Can you point me how to structure my data and Models so it can be consumed by the NestedList?

You would have to execute the getter for the hasMany which returns a store and use that for the list's store. Honestly, I would try to hack up the NestedList but instead create my own extension having a Container with children lists which is basically what NestedList is but it has other stuff and uses TreeStore.