Список вопросов прокрутки

Question

У меня проблема с моим списком. Я не могу их прокрутить. Список перемещается вниз, но прыгает на вершину после записи. Я использую Сенча сенсорный PR4 и у меня есть тест это на Ipad и Google 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

Используйте макет «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(); 
} 
}); 

(не испытывалось. Надеюсь, что это помогает.)