2 прокручиваемых списка в Sencha Touch не прокручиваются

У меня есть 2 элемента списка в Sencha Touch, которые были добавлены на мою панель. Каждый список имеет ширину = 50% и высоту = полноэкранный режим. Панель имеет высоту во весь экран. Каждый список имеет Магазин, содержащий около 100 элементов.

Сенча неправильно оценивает размер списка и не позволяет мне прокручивать его вниз. Я могу спуститься только на пару пунктов, и он возвращается.

Как сделать так, чтобы элементы списка рядом прокручивались?

Спасибо, Джерри.


person Gerry    schedule 31.05.2011    source источник


Ответы (1)


Это работает для меня, я думаю, что хитрость заключается в значении макета для каждой панели.

«hbox» для родителя, затем «fit» для двух половинных панелей, если панели «бок о бок» не настроены так, чтобы список не прокручивался должным образом.

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: [...]
            })
         }]
     }]
 });
person Adam Marshall    schedule 06.06.2011