列表滾動問題

我的列表有問題。我無法滾動它們。該列表向下移動，但在帶子後跳轉到頂部。我用煎茶觸摸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(); 
    } 
});

我希望有人能夠幫助我。

來源

2012-02-02 HustlaS

使用佈局'fit'到您的父容器或者您還可以指定父容器的高度。如果視口不在現在需要展示下一個項目的範圍之後，它將不會滾動。您需要爲滾動指定邊界。

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

（未測試。希望這有助於。）

來源

2012-02-02 18:00:19 riship89

列表滾動問題

回答

相關問題