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

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