0

リストに問題があります。スクロールできません。リストは下に移動しますが、テープの後に一番上にジャンプします。私は 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();
    }
});

誰かが私を助けてくれることを願っています。

4

1 に答える 1

0

親コンテナに合わせてレイアウトを使用するか、親コンテナの高さを指定することもできます。ビューポートが次のアイテムを表示するために必要なスパンを超えていない場合、スクロールしません。スクロールの境界を指定する必要があります。

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-02T18:00:19.390 に答える