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

Extjs 使用sencha touch 2.1.0在容器中显示多个列表,extjs,sencha-touch,sencha-touch-2,sencha-touch-2.1,Extjs,Sencha Touch,Sencha Touch 2,Sencha Touch 2.1,说明: 我有一个名为“topContainer”的容器视图。该容器的项目由标题栏和名为“mainContainer”的容器组成 容器“mainContainer”可垂直滚动,其项目包括一个名为“titlepanel”的面板、一个名为“btn1”的按钮、一个名为“list1”的列表、一个名为“btn2”的按钮、一个名为“list2”的列表、一个名为“list3”的列表、一个名为“list4”的列表、一个名为“input”的textareafield字段集 这些按钮用于切换每个按钮旁边的列表的显示/

说明:

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

  • 容器“mainContainer”可垂直滚动,其项目包括一个名为“titlepanel”的面板、一个名为“btn1”的按钮、一个名为“list1”的列表、一个名为“btn2”的按钮、一个名为“list2”的列表、一个名为“list3”的列表、一个名为“list4”的列表、一个名为“input”的textareafield字段集

  • 这些按钮用于切换每个按钮旁边的列表的显示/隐藏效果。我希望所有列表首先显示,并且这些列表会拉伸其数据配置的整个高度(即,如果数据有一个项目,列表将占据一个项目的高度;如果数据有三个项目,列表将占据三个项目的高度)

  • 所有列表都禁用滚动(这就是为什么我使容器“mainContainer”垂直滚动)

  • 我的问题:

  • 列表仅在设置flex config时显示,因此列表的高度不会延伸到它拥有的数据的高度

  • 列表的
    scrollable:false
    config不起作用。
    scrollable:{disabled:true}
    将起作用

  • 容器“mainContainer”没有延伸到实际高度,但始终是全屏高度,但我想要一个足够长的容器来显示列表中的所有数据


  • 不要发布代码描述,发布代码!加布里埃尔,你解决了这个问题吗?如果没有,请按照Evan的建议发布您的代码。@事实上,我们没有选择此解决方案。谢谢大家!