0

Sencha Touch TapPanelを使用しており、ビューからビューを下に移動したいと考えています。

Ext.create('Ext.TabPanel', {
    itemId: 'panel',
    fullscreen: true,
    defaults: {
        styleHtmlContent: true
    },
    tabBarPosition: 'bottom',
    layout: {
        type: 'card',
        animation: {
            type: 'fade'
        }
    },
    items: [{
        title: 'Home',
        html: 'Home Screen'
    }, {
        title: 'Contact',
        xtype: 'OfferDetailView'
    }]
});

ユーザーが にいるOfferDetailView場合、ボタンが必要です。ユーザーがボタンをクリックすると、ビューfooに移動し、タブパネルに戻るために戻るボタンで表示する必要があります。この問題をサポートしている Sencha Touch の機能やフレームワークはありますか?

activeItem をビューに設定できます

Ext.Viewport.animateActiveItem(foo, {type: 'slide', direction: 'left'});

しかし、戻るボタンはありません。そのため、手動で追加して、スタック上のすべてのビューを管理する必要があります。

4

1 に答える 1

2

を唯一のオブジェクトとしてExt.navigation.View含むを作成する必要があります。Ext.tab.Panel次にpush()、そのビューに新しいビューを追加すると、期待どおりに機能します。

Ext.create('Ext.navigation.View', {
    itemId: 'navView',
    layout: 'fit',
    items: [
        {
            xtype: 'tabpanel',
            tabBarPosition: 'bottom',
            items: [{
                title: 'Home',
                html: 'Home Screen'
            }, {
                title: 'Contact',
                xtype: 'OfferDetailView',
                items: [
                    {
                        xtype: 'button',
                        text: 'Go to Foo',
                        handler: function(btn) {
                            btn.up('navigationview').push({ xtype: 'foo' });
                        }
                    }
                ]
            }]
        }
    ]
});
于 2013-08-06T18:32:05.033 に答える