Question

我的列表存在问题。我无法滚动它们。列表向下移动但在tapend之后跳到顶部。我使用Sencha touch PR4，我在Ipad和谷歌Chrome上测试了这个

我使用此视图

Ext.define('TimeShift.view.Activity', {
    extend: 'Ext.Panel',
    id: 'Activity',
    alias: 'widget.Activity',
    layout: 'card',
    config: {
        items: [
            { xtype: 'list',
                layout: 'card', //    fullscreen: true,
                store: 'ActivityStore',
                scrollable: 'vertical',
                itemTpl: '<div class="contact">{Purpose}</div>',
                items: [
                    {
                        xtype: 'toolbar',
                        docked: 'top',
                        title: 'Aktivit&#228;ten'
                    }] 
    }]
    },
    initialize: function () {
        console.log('initialize ActivityList');
        this.callParent();
    }
});

此视图位于此容器中

Ext.define('TimeShift.view.ListContainer', {
    extend: 'Ext.Container',
    id: 'ListContainer',
    alias: 'widget.ListContainer',

    cardAnimation: 'slider',
    scrollable: true,
    autoDestroy: true,
    config: {
        items: [

            { xtype: 'Activity' }
        ]

    },
    initialize: function () {
        console.log('initialize ListContainer');
        this.callParent();
    }
});

我希望有人可以帮助我。

Answer 1

对父容器使用layout'fit'或者也可以指定父容器的高度。如果viewport现在没有显示下一个项目需要显示的范围之后，它将不会滚动。您需要为滚动指定边界。

Ext.define('TimeShift.view.ListContainer', {
extend: 'Ext.Container',
id: 'ListContainer',
alias: 'widget.ListContainer',
**layout: 'fit',**
cardAnimation: 'slider',
scrollable: true,
autoDestroy: true,
config: {
    items: [

        { xtype: 'Activity' }
    ]

},
initialize: function () {
    console.log('initialize ListContainer');
    this.callParent();
}
});

（未经测试。希望这会有所帮助。）

列表滚动问题

1 个答案: