extjs4.2 - 在 ExtJS 4.2.1 中移动时保持在后台的可移动面板

Question

我正在尝试创建一个浮动窗口和一个浮动面板。面板用于保存快捷方式（如在桌面中），窗口就像桌面环境中的窗口。我希望能够同时移动窗口和面板，但我不希望面板出现在窗口上（不是在任何情况下）。我正试图在 ExtJS 4.2.1 中做到这一点。这是示例代码：

Ext.create('Ext.panel.Panel', {
    draggable: true,
    floating: true,
    height: 250,
    width: 400,
    resizable: true,
    headerPosition: 'bottom',
    title: 'Desktop Shortcuts'
}).show();

Ext.create('widget.window', {
    height: 200,
    width: 400,
    title: 'Window'
}).show();

这段代码的问题是，当你试图移动面板时，它会出现。无论如何我可以摆脱它吗？

[解决方案]

floating将 panel 的属性设置为 false就足够了。由于提到draggable它不需要浮动以使面板可移动。通过禁用浮动属性，它永远不会出现。

Answer 1

你应该能够使用 extjs 的 z-index 属性来让你把你想要的东西带到前面。您可以使用 z-index 管理器通过它注册/管理您的元素，也可以手动设置 z-index。较高的 z-index 应该将该元素放在较低的元素之前。

panel.getEl().setStyle('z-index','80000');

Sencha Docs - ZIndexManager

堆栈溢出类似问题（z-index）