Вопрос прокрутки списка - PullRequest
Новая
       4

Вопрос прокрутки списка

0 голосов
/ 02 февраля 2012

У меня проблема с моим списком.Я не могу их прокрутить.Список перемещается вниз, но после перехода переходит наверх.Я использую 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 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();
    }
});

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

1 Ответ

0 голосов
/ 02 февраля 2012

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

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

...