Extjs Sencha Touch 2-可滚动数据视图与面板中的其他项目重叠

我想添加一个与dataview一起滚动的部分，我不想在dataview和它链接到的存储区中添加这个部分，因为如果点击一个项目，它会推送另一个视图，因此在尝试查找不存在的视图时会导致错误

基本上，我希望容器中的所有项目都是可滚动的，而不仅仅是dataview

以下是此视图中的代码：

    config:{
    title:'Learning Journey',
    layout:'fit',

    items:[
        {
            html:'<p>This will be overlapped when the text is too long or when scrolled.</p>'
        },
        {
            xtype:'dataview',
            store:'MenuStore',
            itemTpl:'<div class="menuData {panelColour}"><h1>{panelTitle}</h1><br> {panelDesc}'
        }
    ]
}

config:{
标题：“学习之旅”，
布局：'适合'，
项目：[
{
html:“当文本太长或滚动时，这将重叠。
”
},
{
xtype:'dataview'，
门店：'MenuStore'，
itemTpl:“{panelTitle}
{panelDesc}”
}
]
}

我相信这个问题有一个简单的答案，但我不能让我的头围绕它（我是一个senchatouch2noob）

谢谢

---

下图显示了问题所在：

问题在于包装容器的布局

fit

确保容器中的所有项目都能填满整个容器。所以html容器的宽度和高度都设置为100%。但这也适用于您的dataview。因此，这两个项目将填写包装容器完全

要修复它，只需将包装容器的布局设置为

vbox

。因此，dataview将直接插入html容器下

如果希望html容器可滚动，则必须为其添加

scrollable:true

属性。但别忘了提供一些高度