javascript - Senchat Touch 2 : how to list data inside a scrollable panel? -

i trying build layout sencha touch 2.4 app. want page :

• a panel
• a list of data
• another panel

and want global scroll. don't want scroll on list itself. list should take height needs contains data.

i created fiddle : here is. see problem, reduce height of brower window. items not visible anymore. if replace flex:1 height:'400px', see try obtain.

i tryed set size of list when painted event triggered, :

   listeners: {     painted: function() {         this.setheight(this.itemscount*(this.getitemheight()+3));     } 

but getitemheight return size doesn't match real size of each element. there clean way i'm trying achieve ?