在Ext.window中淡入/淡出

Question

我正在使用

var  modalWindow = new Ext.Window({
title: "Window",
items: [
    {html: "<div id='example'>Hello</div> "}
]
});
modalWindow.show();

打开一个模态窗口。我需要在这个窗口上显示fadein / fadeout功能。 请帮忙..

Answer 1

这应该这样做：

    var  modalWindow = new Ext.Window({
        title: "Window",
        width: 400,
        height: 300,
        html: "<div id='example'>Hello</div> ",
        listeners : {
            show : function(window) {
                window.getEl().setOpacity(0);
                window.getEl().fadeIn({duration: 2000});
            },
            beforeclose : function(window) {
                if(!window.shouldClose) {
                    window.getEl().fadeOut({duration: 2000, callback: function() {
                        window.shouldClose = true;
                        window.close();
                    }});
                }
                return window.shouldClose ? true : false;
            }
        }

    });
    modalWindow.show();