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

У меня проблема с моим списком. Я не могу их прокрутить. Список перемещается вниз, но прыгает на вершину после записи. Я использую Sencha touch 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>{Purpose}</div>',
 items: [
 {
 xtype: 'toolbar',
 docked: 'top',
 title: 'Aktivitä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();
 }
});

Я надеюсь, что кто-то может мне помочь.

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

(Не проверено. Надеюсь, это поможет.)

licensed under cc by-sa 3.0 with attribution.