ExtJS Modern框架是否支持同时打开多个表单窗口并管理其位置大小？

这个需求完全可以在Ext JS 7.0 Modern框架中实现，核心实现逻辑和Classic框架高度对齐，迁移成本可控。

核心实现对应关系 #

你可以直接使用Modern框架的原生能力匹配原有Classic框架的窗口管理逻辑：

• 窗口组件：使用配置了floated: true的Ext.Panel作为窗口载体，默认支持draggable（拖拽移动）、resizable（缩放大小）属性，和Classic的Ext.window.Window能力对齐
• 位置/大小操作：原生支持getPosition()、setPosition(x, y)、getSize()、setSize(width, height)方法，原有调用逻辑几乎不需要修改
• 最大化/最小化能力：给浮动面板添加maximizable: true、minimizable: true配置即可开启对应功能按钮，配套的maximize()、minimize()、restore()方法和Classic用法完全一致
• 全局窗口管理：使用Ext.ZIndexManager替代Classic的Ext.WindowManager，支持窗口注册、层级控制、顶层窗口获取、批量显隐管理等全部原有能力，原有WindowManager相关逻辑只需替换类名即可复用

迁移优化建议 #

如果你的项目中有大量现有窗口实例需要迁移，可以自行封装一个继承自Ext.Panel的自定义公共窗口组件，提前内置floated: true、closable: true、draggable: true、resizable: true等通用配置，对外暴露和Ext.window.Window完全一致的API，341个窗口的业务调用逻辑几乎不需要修改即可完成迁移。

参考示例 #

你可以在Ext JS 7.0 SDK本地包的examples/kitchensink目录下找到「Floating Panels」分类的官方示例，其中覆盖了多浮动窗口创建、拖拽缩放、层级管理、最大化最小化的全部常见场景代码。

内容的提问来源于stack exchange，提问作者David