集動畫，查看變化 - 煎茶觸摸

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