Sencha Touch 2 - 스크롤 가능한 DataView가 겹치고 패널의 다른 항목

Question

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}'
        }
    ]
}

.

이 문제에 대한 간단한 대답이 있지만 주위에 머리를 얻을 수는 없습니다 (나는 Sencha Touch 2 멍청한 것입니다.

감사합니다!

다음은 문제점을 보여주는 이미지입니다. http://i58.tinypic.com/2v1nqk4.jpg

Answer 1

문제는 포장 컨테이너의 레이아웃입니다.fit는 컨테이너의 모든 항목이 전체 컨테이너를 채우는 것을 보장합니다.따라서 HTML 컨테이너의 너비와 높이는 각각 100 %로 설정됩니다.그러나 이것은 또한 DataView에도 적용됩니다.따라서 두 항목 모두 배치 컨테이너를 완전히 채우게됩니다.

Fix riged 랩핑 컨테이너의 레이아웃을 vbox로 설정하십시오.따라서 DataView는 HTML 컨테이너 아래에 직접 삽입됩니다.

HTML 컨테이너를 스크롤 할 수있게하려면 scrollable: true 속성을 추가해야합니다.그러나 어떤 높이를 제공하는 것을 잊지 마십시오!