extjs - Ext.js 4.x可停靠的窗口作为选项卡

Question

有没有人看到过extjs的实现或插件，您可以用浏览器的方式“拉出”或“停靠”选项卡/窗口？可能吗？

搜索并没有显示太多，但是我确实在较旧的版本中遇到了一个建议的解决方案:
http://www.sencha.com/forum/showthread.php?16842-Dockable-floatable-panels-in-ExtJS

@DmitryB

为了澄清，在chrome中，如果我在同一个窗口中有多个标签，如下所示:

然后我“拖动”选项卡之一，它弹出一个新窗口:

我想您可以通过将选项卡面板的内容移动到窗口中来实现此目的，但不确定如何操作。

Answer 1

简而言之:

- Make the tabs draggable, watch for the drag event and mark the 
  tab-strip as your "safe" zone
- When a tab is dragged and then "dropped" (as in, the drag event ends) you do a check:
    > Is the tab within the safe area? 
        No: Create a new Ext.Window at the x/y of the mouse, copy the components/HTML
            out of the original panel and insert them into the new window. Destroy the
            original panel.
        Yes: Do nothing.

不幸的是，我仍然对在ExtJS3中学习D＆D感到不满意，因此我无法为与ExtJS 4相关的真正代码提供任何帮助，但是这个概念对我来说似乎相对简单。我要说的是，您可能会想尽一切办法让它不显得浮华-除非您真的很需要，否则我不必担心在拖动选项卡时显示面板的内容-更不用说显示面板了。只需让tab元素在屏幕上拖动并在安全区域外释放时进行复制即可。