Sencha Touch 2：如何在可滚动面板中列出数据？

Question

我正在尝试为 Sencha Touch 2.4 应用构建一个布局。 我想要一个页面：

• 小组
• 数据列表
• 另一个小组

我想要一个全局滚动。我不想在列表本身上滚动。该列表应采用包含所有数据所需的所有高度。

我为此创造了一个小提琴：here it is。 要查看我的问题，请降低浏览器窗口的高度。所有项目都不再可见。 如果您将flex:1替换为height:'400px'，您将看到我尝试获取的内容。

我试图在触发painted事件时设置列表的大小，如下所示：

   listeners: {
    painted: function() {
        this.setHeight(this.itemsCount*(this.getItemHeight()+3));
    }

但getItemHeight返回的大小与每个元素的实际大小不匹配。 是否有一种干净的方式来获得我想要实现的目标？