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

时间:2013-09-05 07:15:00

标签: extjs sencha-touch sencha-touch-2 sencha-touch-2.1

说明:

  1. 我有一个名为'topContainer'的容器视图。容器的项目包含一个标题栏和一个名为'mainContainer'的容器。

  2. 容器'mainContainer'可垂直滚动,其项目包含一个名为'titlepanel'的面板,一个名为'btn1'的按钮,一个名为'list1'的列表,一个名为'btn2'的按钮,一个名为'btn2'的列表'list2',名为'btn3'的按钮,名为'list3'的列表,名为'btn4'的按钮,名为'list4'的列表,名为'input'的textareafield字段集。

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

  4. 所有列表都禁用滚动(这就是为什么我让容器'mainContainer'可以垂直滚动)。

  5. 我的问题:

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

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

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

0 个答案:

没有答案