Question

我有这段代码：

backFromPlayers: function(button, e, eOpts) {
    var Dashboard = Ext.create('HTMS.view.Dashboard');
    Ext.Viewport.setActiveItem(Dashboard);
},

正如您所看到的，首先我创建名为＆＃34; Dashboard＆＃34;的视图，然后将其设置为活动状态。问题是，我不了解如何将动画设置为setActiveItem方法。我可以将动画设置为默认视图，例如：

Ext.define('HTMS.view.Dashboard', {
extend: 'Ext.Container',
alias: 'widget.dashboard',

requires: [
    'Ext.TitleBar',
    'Ext.Button'
],

config: {
    style: 'background: #fff;',
    scrollable: true,
    showAnimation: {
        type: 'slide',
        direction: 'left'
    },
// Rest code

但是我需要根据我打电话的地方改变方向＆＃34; Dashboard＆＃34;图。

Answer 1

您可以使用setAnimation修改方向，尝试

backFromPlayers: function(button, e, eOpts) {
    var Dashboard = Ext.create('HTMS.view.Dashboard');
    var direction = 'right'; //[or] left;
    Ext.Viewport.getLayout().setAnimation({type: 'slide', direction: direction});
    Ext.Viewport.setActiveItem(Dashboard);
}

设置动画以查看更改 - Sencha Touch

1 个答案: