Show multiple lists in a container with sencha touch 2.1.0

Show multiple lists in a container with sencha touch 2.1.0

Descriptions:
I have a view with a container named 'topContainer'.The items of the
container consists of a titlebar and a container named 'mainContainer'.
The container 'mainContainer' is vertically scrollable and its items
consists of a panel called 'titlepanel',a button named 'btn1' ,a list
named 'list1',a button named 'btn2' ,a list named 'list2',a button named
'btn3' ,a list named 'list3',a button named 'btn4' ,a list named 'list4',a
fieldset with textareafield named 'input'.
The buttons are used to toggle a show/hide effect of the list next to each
of them.And i want all of the lists show at first and the lists stretch
full height of its data config(That is ,if the data has one item,the list
takes up the height of one item;if the data has three items,the list will
take up the height of three items).
All the list disables scroll(That's why i make the container
'mainContainer' vertically scrollable).
My problems:
The lists will show only when flex config be set,so the the height of the
list will not stretch to the height of the data it has.
The scrollable:false config of list dose not work.The
scrollable:{disabled:true} will work.
The container 'mainContainer' dose not stretch to the actual height but
always to the fullscreen height,but i want a long container enough to
display all the data in the lists.