Sencha Touch :: Прокрутка не работает на мобильных устройствах - PullRequest
2 голосов
/ 07 сентября 2011

Проблема

Моя проблема в том, что прокрутка в списке групп не работает на мобильном устройстве, она отлично работает на рабочем столе.

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

Так вот код.

Ext.regModel('HotelModel', {
    fields: ['name', 'narrative']
});
var hotelStore = new Ext.data.Store({
    model: 'HotelModel',
    getGroupString : function(record) {
        return record.get('name')[0];
    },
    sorters:'name',
    autoLoad: false
});
BBTM.views.hotelList = new Ext.List({
    id: 'hotelList',
    fullscreen: true,
    itemTpl: '<div class="list-item-title">{name}</div>' + '<div class="list-item-narrative">{narrative}</div>',
    grouped : true,
    allowDeselect: true,
    clearSelectionOnDeactivate: true,
    xtype: 'list',
    indexBar: true,
    store: hotelStore,
    singleSelect: true,
    // layout: 'card',
    flex: 1
});
BBTM.views.hotelListContainer = new Ext.Panel({
    id: 'hotelListContainer',
    layout: 'card',
    fullscreen: true,
    dockedItems: [BBTM.views.hotelToolbar,BBTM.views.hotelList]
});
BBTM.views.hotelsListView = new Ext.Panel({
    id: 'hotelsListView',
    layout: 'card',
    fullscreen: true,
    items: [BBTM.views.hotelListContainer]
});
var App = new Ext.Application({
name : 'BBTM',
useLoadMask : true,
launch : function () {
    BBTM.views.viewport = new Ext.Panel({
        fullscreen: true,
        layout: 'card',
        cardAnimation: 'slide',
        items: [
            BBTM.views.hotelsListView
        ]
    });
}
})

Ответы [ 2 ]

0 голосов
/ 04 ноября 2016

Снять полноэкранный режим и дать конфиг

  scrollable: {
        direction: 'vertical',
        directionLock: true
  },
  flex:1,
  height: '100%'
0 голосов
/ 09 сентября 2011

Попробуйте удалить полноэкранный режим: true из вашего списка отелей

...