Question

问题

我的问题是滚动组列表在移动设备上不起作用，它在桌面上运行良好。

在所有设备上，您都无法查看列表的最后部分，它只会一直反弹。

所以这是代码。

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

Answer 1

尝试从hotelList

中删除全屏：true

Answer 2

删除全屏并提供配置

  scrollable: {
        direction: 'vertical',
        directionLock: true
  },
  flex:1,
  height: '100%'

Sencha Touch :: Scroll无法在移动设备上运行

问题

2 个答案: