javascript - How to set ExtJS window show/hide with animation? -

here sourcecode:

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

when call show(...),the window show without animation. want add animation,such fadein/fadeout/slidein/slideout. can me? thank you!

you can use anim object http://docs.sencha.com/extjs/4.2.0/#!/api/ext.fx.anim use in window component this:

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

and then, animation added when call

window.show();