Набор анимации для просмотра изменений - Сенча сенсорный

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 

Но мне нужно, чтобы изменить направление в зависимости от того места, где я называю «Dashboard» вид.

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