我们正在借助 vSphere 客户端 SDK 6.0 为 vmware 的 vSphere Web 客户端开发用户自定义。
我们使用html-bridge (AngularJS)来开发插件的UI,并且我们面临着特定场景的UI渲染问题。
图像 1: 该窗口属于 vCenter。如果我选择任何下拉菜单,它不会影响屏幕的其余部分。
图像 2: 这个窗口是我们在 html-bridge 的帮助下在 AngularJS 中创建的。
图像 3:如果我正在处理我们的自定义窗口并选择任何不属于我们自定义窗口的下拉菜单(它们属于 vCenter 组件,我已用箭头)。然后我们窗口的所有内容都会消失。
我们可以避免这个问题吗?
请指教。
最佳答案
这是 Flash 播放器显示 HTML 内容的固有问题。您在插件 View 中显示的 HTML 内容嵌套在 IFrame 中,该 IFrame 本质上是一个在其中绘制内容的 native 操作系统窗口。 Web 客户端的 Flash 内容在单独的 native 窗口中绘制,该窗口的 z-index 低于 IFrame 窗口。 由于 Flash 弹出窗口(例如屏幕截图中的菜单)不是在其专用窗口中绘制的,而是在 Flash 播放器的窗口中绘制的,因此它无法 float 在 IFrame 窗口(您的内容)之上。因此,如果 IFrame 未隐藏,您将“看到”插件 View 后面的下拉菜单。
没有适当的解决方法来解决此限制。
关于javascript - vSphere Web 客户端自定义插件中的 AngularJS UI 渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44329436/