如何設置ExtJS窗口顯示/隱藏動畫？

Question

這裏是我的源代碼：

 
Ext.create('Ext.window.Window', { 
    id:'edit_segtype_win', 
    title:'msg', 
    layout: 'fit', 
    html:data, 
    modal:true, 
    resizable:false, 
    constrain:true 
}).show(undefined,bind_ajax_success); 

當我打電話展（...），該窗口將顯示，沒有任何動畫。 我想添加一些動畫，比如淡入淡出/淡入淡出/滑出。 有人能幫助我嗎？謝謝！

Answer 1

您可以使用動畫對象http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.fx.Anim在你的窗口組件使用這樣的：

var myWindow = Ext.create('Ext.window.Window', { 
    html:"hello world", 
}); 

Ext.create('Ext.fx.Anim', { 
    target: myWindow, 
    duration: 1000, 
    from: { 
     width: 400, //starting width 400 
     opacity: 0,  // Transparent 
     color: '#ffffff', // White 
     left: 0 
    }, 
    to: { 
     width: 300, //end width 300 
     height: 300 // end height 300 
    } 
}); 

然後，當你到

window.show();