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();

此代码的问题在于，当您尝试移动面板时，它会出现。无论如何我可以摆脱它吗？

[溶液]

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

Answer 1

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

panel.getEl（）的setStyle（ 'z索引'， '80000'）;

Sencha Docs - ZIndexManager

stack overflow similar question (z-index)

在ExtJS 4.2.1中移动时留在后台的可移动面板

1 个答案: