extjs - 使用 sencha touch 2.1.0 在容器中显示多个列表

Question

说明：

1. 我有一个名为“topContainer”的容器的视图。容器的项目由一个标题栏和一个名为“mainContainer”的容器组成。

2. 容器“mainContainer”是可垂直滚动的，它的项目包括一个名为“titlepanel”的面板、一个名为“btn1”的按钮、一个名为“list1”的列表、一个名为“btn2”的按钮、一个名为“list2”的列表、一个按钮名为“btn3”，一个名为“list3”的列表，一个名为“btn4”的按钮，一个名为“list4”的列表，一个名为“input”的文本区域的字段集。

3. 这些按钮用于切换每个列表旁边的显示/隐藏效果。我希望首先显示所有列表，并且列表拉伸其数据配置的整个高度（也就是说，如果数据有一个项目，列表占一项的高度；如果数据有三项，则列表将占三项的高度）。

4. 所有列表都禁用滚动（这就是我使容器“mainContainer”垂直滚动的原因）。

我的问题：

1. 只有在设置了 flex config 时，列表才会显示，因此列表的高度不会延伸到它所拥有的数据的高度。

2. 列表的scrollable:false配置不起作用。scrollable:{disabled:true}将起作用。

3. 容器“mainContainer”不会拉伸到实际高度，但总是拉伸到全屏高度，但我想要一个足够长的容器来显示列表中的所有数据。