Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Extjs Ext.js 4.x可停靠窗口作为选项卡_Extjs_Extjs4 - Fatal编程技术网

Extjs Ext.js 4.x可停靠窗口作为选项卡

Extjs Ext.js 4.x可停靠窗口作为选项卡,extjs,extjs4,Extjs,Extjs4,有没有人见过extjs的实现或插件,您可以像使用浏览器一样“拉出”或“停靠”选项卡/窗口?有可能吗 搜索并没有透露太多,但我确实在一个旧版本中遇到了一个建议的解决方案: @DmitryB 为了澄清,在chrome中,如果我在同一窗口中有多个选项卡,如下所示: 我“拖动”其中一个选项卡,它会弹出到一个新窗口: 我想您可以通过将选项卡面板的内容移动到窗口中来实现这一点,但不知道如何操作。简而言之: - Make the tabs draggable, watch for the drag ev

有没有人见过extjs的实现或插件,您可以像使用浏览器一样“拉出”或“停靠”选项卡/窗口?有可能吗

搜索并没有透露太多,但我确实在一个旧版本中遇到了一个建议的解决方案:

@DmitryB

为了澄清,在chrome中,如果我在同一窗口中有多个选项卡,如下所示:

我“拖动”其中一个选项卡,它会弹出到一个新窗口:

我想您可以通过将选项卡面板的内容移动到窗口中来实现这一点,但不知道如何操作。

简而言之:

- 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感到非常厌倦,因此我无法提供任何关于ExtJS4的帮助,但是这个概念对我来说似乎相对简单。我想说的是,您可能希望尽最大努力使其不浮华-除非您真的需要,否则我不会担心在您拖动选项卡时显示面板的内容-更不用说显示面板本身了。只要让tab元素在屏幕上拖动,并在安全区之外释放时复制即可。

不太清楚您的意思。浏览器会打开新的选项卡-其中有一个选项卡面板。你的意思是像桌面一样吗@DmitryB请参阅我问题的更新描述。希望这能澄清我看到后的想法。在线程中,Animal有代码将其中一个面板从选项卡拉入默认浮动的ExtJS窗口组件。我相信代码在4中仍然可以工作。虽然这不能解决问题,但是注释对于更好地组织概念是有用的。谢谢