Sencha Touch中的2个滚动列表不滚动

Question

我在Sencha Touch中有2个已添加到我面板中的列表项。每个列表的宽度= 50％，高度=全屏。面板高度全屏。每个列表都有一个包含大约100个项目的商店。

Sencha误估了列表的范围，不允许我向下滚动。我只能记下几件物品然后快速回来。

如何滚动并排列表项？

谢谢， 格里

Answer 1

这对我有用我认为技巧是每个Panel的布局值。

如果“并排”面板未设置为适合列表，那么

'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: [...]
            })
         }]
     }]
 });