I have a multiple layouts in container as shown
items:[{
layout:{....},
id:'firstLayout',
items:[....]
},{
layout: {....},
id:'secondLayout',
hidden:true,
items: [...]
}]
at run time when I do something I need to hide first layout and show second. how i do this ?
I think card layout is the thing you are looking for.
Here's a nice little descriptive tutorial (not by sencha and definitely not by me, some random site that I found when I did google...) - http://html5wood.com/sencha-touch-2-card-layout/