extjs - Extjsウィンドウをスライド/アニメーション化

Question

Geoext、OpenLayers、ExtJSを使用しています。ツールバーボタンで、ExtJSを使用してクリック時にウィンドウを表示しようとしました。直接表示するのではなく、表示する前にこのウィンドウをアニメーション化/スライドさせたいと思います。

また、jQueryが役立つことを知っていることにも気づきました。しかし、次のコードをどのように実装する必要がありますか？

クリックのコードは次のとおりです。

mainWindow = new Ext.Window({
    title: 'Company Information',
    collapsible: true,
    maximizable: true,
    closeAction: 'close',
    renderTo:Ext.getBody(),
    //renderTo:"div",
    bodyStyle: 'padding:10 10px 5;',
    width: 696,
    height: 445,
    enableTabScroll : true,
    frame: true,
    // layout: 'fit',
    plain: true,
    bodyStyle: 'padding:10px;',
    buttonAlign: 'center',
    items: [gridPanel],
});

mainWindow.show();  

誰か助けてくれませんか？

Answer 1

ExtFXとExtElementを見てください（http://www.extjs.com/deploy/dev/docs/?class=Ext.Element）