2 Sencha Touch中的滾動列表不滾動

Question

我在Sencha Touch中有2個列表項，已添加到我的面板中。每個列表的寬度= 50％，高度=全屏。面板高度全屏。每個列表都有一個包含約100個項目的商店。

Sencha錯誤地估計了列表的範圍，並且不允許我向下滾動。我只能放下幾件物品，然後折回來。

我該如何獲得並排列表項目滾動？

感謝， 格里

Answer 1

這對我的作品，我認爲關鍵是每個面板的佈局值。

如果「並排」面板沒有設置爲適合列表的情況下，將無法正確滾動，則'父'的'hbox'，然後'適合'兩個半面板。

root = new Ext.Panel({ 
    fullscreen: true, 
    layout: 'hbox', 
    version: '1.1.1', 
    scroll: false, 
    items: [{ 
     xtype: 'panel', 
     width: '50%', 
     height: '100%', 
     layout: 'fit', 
     items: [{ 
      xtype: 'list', 
      itemTpl: '{display}', 
      store: new Ext.data.Store({ 
       model: 'item', 
       data: [...] 
      }) 
     }] 
    }, { 
     xtype: 'panel', 
     width: '50%', 
     height: '100%', 
     layout: 'fit', 
     items: [{ 
      xtype: 'list', 
      itemTpl: '{display}', 
      store: new Ext.data.Store({ 
       model: 'item', 
       data: [...] 
      }) 
     }] 
    }] 
});