Nested List, Multiple Layouts

Question

In Sencha Touch 2.1, I have the following nested list defined:

xtype: \'NestedList\',
docked: \'top\',
ui: \'light\',
store: treeStore,
detailCard: true,
det         


        

Answer 1

From my Sencha Experience, my advice would be never to use Ext.NestedList. Of course they are quite handy when your model is very simple but hard to customize when you model contains associations for instance.

So what I would do (and did) is to use an Ext.navigation.View and push new lists as you tap on items of previous lists. This is the exact same concept as a Ext.NestedList so it won't overload your application.

Here is an example based on your data

If you have any question feel free to ask

Hope this helped

Answer 2

I think your defaultRootProperty is wrong for the treeStore.

It should be

defaultRootProperty: 'Jobs',

API reference