javascript - ExtJS ウィンドウの表示/非表示をアニメーションで設定するには?

Question

ここに私のソースコードがあります:

Ext.create('Ext.window.Window', {
    id:'edit_segtype_win',
    タイトル:'メッセージ',
    レイアウト: 'フィット',
    html:データ、
    モーダル：真、
    サイズ変更可能:false、
    制約:真
}).show(未定義,bind_ajax_success);

show(...) を呼び出すと、ウィンドウはアニメーションなしで表示されます。フェードイン/フェードアウト/スライドイン/スライドアウトなどのアニメーションを追加したい。誰か助けてくれませんか？ありがとうございました！

Answer 1

次のように、 Anim オブジェクトhttp://docs.sencha.com/extjs/4.2.0/#!/api/Ext.fx.Animを Window コンポーネントで使用できます。

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