如何将“ Autodesk设置”设置为最前面？

Question

我有一个使用Forge API的应用程序。按下“ settingsTools组”中的Forge按钮“设置”时显示的UI与我的一个按钮重叠。

但是，由于设置了我的应用程序zIndex（我在响应代码中），因此单击设置UI的关闭会触发我的按钮，而不是关闭按钮。

因此，我很想将“设置UI”设置在前面，因此单击关闭按钮会触发关闭。我的前端代码在react框架中，因此只需设置一个简单的zIndex参数即可解决问题。

我该怎么做？

Answer 1

考虑使用Forge Viewer提供的对接面板，而不要使用笨拙的方式。据我了解，它也可以work with React。

要详细说明面板的作用，请考虑以下示例：

这里有一个浮动div，向我展示了一些与模型有关的信息。显然，我已经设置了较高的z-index，以使其提前使用，这里遇到的问题与您一样-打开设置，属性，模型树等内容时，它们都出现在div后面。此外，在更改窗口大小时，我必须处理div位置。

另一方面，Forge Viewer随处使用面板，例如“设置”对话框。

因此，如果您将按钮放置在这种面板中，则可以避免z-index，停靠，重新缩放等问题，因为所有面板之间都可以正常工作，如下所示面板：

有关如何创建面板的更多信息，我建议选中http://learnforge.autodesk.io/#/viewer/extensions/panel