如何设置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();