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

我正在尝试为我的Sencha Touch 2.4应用程序构建布局。 我想要一个包含以下内容的页面：

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

我想要一个全局卷轴。我不想在列表上看到滚动条。列表应具有包含所有数据所需的所有高度

我为那个做了一把小提琴：。 要查看我的问题，请降低浏览器窗口的高度。所有项目不再可见。 如果您将flex:1替换为高度为“400px”，您将看到我试图获得的结果

我尝试在触发

painted

事件时设置列表的大小，如下所示：

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

但是

getItemHeight

返回的大小与每个元素的实际大小不匹配。

---

是否有一种干净的方法可以实现我想要实现的目标？

那么，您是否希望能够滚动包含两个面板和列表的整个面板，并能够滚动项目列表？我不需要滚动列表。我想要整个面板上的滚动条，其中包含所有内容。我最终成功地将我的两个额外面板与scrollDock和docked属性一起放入列表中，但这不符合我的需要，也不符合逻辑。