集动画，查看变化 - 煎茶触摸

Question

我有这样的代码：

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

，你可以看到，首先，我创建视图称为“仪表板”，然后我将它设置为活动。 问题是，我不明白如何设置动画到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 

但我需要根据地方我称之为“仪表板”视图改变方向。

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