Ext.Window在extjs 3.4中当前​​打开的窗口后面显示方法打开窗口

Posted

技术标签:

【中文标题】Ext.Window在extjs 3.4中当前​​打开的窗口后面显示方法打开窗口【英文标题】:Ext.Window show method open window behind current opened window in extjs 3.4 【发布时间】:2016-02-18 12:43:07 【问题描述】:

执行 window.show() 方法后,我没有在当前窗口上获得新窗口。

当前窗口的这个JS代码:

stPopupWindow = new top.Ext.Window(
            title : title,
            id : 'stPopupWindowId', 
            x: 0,
            y: 0,
            width: screenWidth,
            height: screenHeight,
            draggable: false,modal:true,closeAction:'close',plain: true,
            layout:'fit',
            autoScroll:true,
            maximizable : true,
            minimizable : true,
            items:[...]);

此 JS 代码用于 我正在尝试从当前窗口打开另一个窗口。但它会在当前窗口后面打开。 :

popupWindowFileUpload = new Ext.Window( 
    title : "Upload Files", 
    id : 'popupWindowFileUploadId', 
    layout:'fit', 
    width:470,
    height:250,
    draggable: false,
    modal:true,
    closeAction: 'close',
    plain: true,
    maximizable : true,
    minimizable : true,
    items:[pnlFileUpload]
);
popupWindowFileUpload.show();

注意:我可以在关闭当前窗口后看到那个窗口。 如果您知道与此问题相关的信息,请告诉我,我做错了吗?

【问题讨论】:

【参考方案1】:

你应该调用 toFront() 窗口方法

popupWindowFileUpload.show();
popupWindowFileUpload.toFront();

【讨论】:

我在升级到 ExtJs 6.2 后遇到了同样的问题(在 6.0 中运行良好)。虽然您的回答是正确的,但文档特别说“在显示后,一个浮动组件(例如 Ext.window.Window)被激活并被带到其 z-index 堆栈的前面。”这种行为显然已经被打破了。

以上是关于Ext.Window在extjs 3.4中当前​​打开的窗口后面显示方法打开窗口的主要内容,如果未能解决你的问题,请参考以下文章

ExtJS002Window创建

ExtJS4学习笔记1

ExtJs在页面上window再调用Window的事件处理

ExtJS 滑块在视图中不可见

ExtJS使用Ext.create( [String name], [Object... args] ) : Object实例化类

extjs 类继承的问题