Sencha Touch 2 complex list layout: Container, TabPanel, lists and panels

0
votes

I want to achieve the following layout for my ST 2.3 app:

  • Navigation view
    • Container
      • TabPanel
        • List
      • Panel
      • Panel

I want the list scroll disabled to scroll with the content of the container (along with the tabpanel et panels). The list and the panels height are flexible and I can't know them because it depends on the size of images, dynamically loaded, and the size of the device's screen.

I tried several different layouts (fit, vbox, default) but nothing works, the closest I got was to define the height of the tabpanel by counting the records of the list, but as the height of the records depends of the images which are not loaded when the list is rendered I can't get the actual height of each raw...

Any idea how to achieve this? I can provide some code if needed.

1
listextjslayoutscrollsencha-touch

1 Answers

0
votes

Lists must have their own scroller in sencha touch. Try a dataview instead with a vbox layout on the container. Make sure all sub-items to the scrollable container have scrollable:null on them so they don't default to a height of 0.