AngularJS UI Rendering-Problem im benutzerdefinierten Plugin des vSphere-Webclients

Question

Wir entwickeln benutzerdefinierte Benutzereinstellungen für den vSphere-Web-Client von vmware mit Hilfe des vSphere-Clients SDK 6.0.

Wir haben html-Brücke (AngularJS) verwenden eine Benutzeroberfläche für Plugin zu entwickeln, und wir stehen vor Rendering-Ausgabe von UI für ein bestimmtes Szenario.

Bild 1: Dieses Fenster gehört zu vCenter. Wenn ich ein Drop-Down-Menü auswähle, wirkt sich dies nicht auf den verbleibenden Teil des Bildschirms aus.

Bild 2: Dieses Fenster wir in AngularJS mit Hilfe von HTML-Brücke angelegt haben.

Bild 3: Wenn ich auf unseren eigenen Fenstern arbeite und jeden Tropfen eigenen Auswahl, die nicht Teil unserer benutzerdefinierten Fenster ist (Sie Komponente von vCenter gehört, und ich habe mit Pfeil hervorgehoben). Dann wird der gesamte Inhalt unseres Fensters verschwinden.

Können wir dieses Problem vermeiden?

Bitte um Rat.

Answer 1

Dies ist ein inhärentes Problem, wie Flash Player HTML-Inhalt zeigt. Der HTML-Inhalt, den Sie in der Ansicht Ihres Plugins anzeigen, ist in einem IFrame verschachtelt, der im Wesentlichen ein natives OS-Fenster ist, in dem Ihr Inhalt gezeichnet wird. Der Flash-Inhalt des Webclients wird in einem separaten nativen Fenster mit einem niedrigeren Z-Index als das IFrame-Fenster gezeichnet. Da Flash-Popups (das Menü in Ihrem Screenshot zum Beispiel) nicht in seinem dedizierten Fenster, sondern in dem des Flash-Players angezeigt wird, kann es nicht über dem IFrame-Fenster (Ihrem Inhalt) schweben. Wenn also der IFrame nicht ausgeblendet ist, "sehen" Sie das Pulldown-Menü hinter der Ansicht Ihres Plugins.

Es gibt keine geeignete Problemumgehung für diese Einschränkung.