Ballon-Widget für die GWT
-
20-09-2019 - |
Frage
Ich bin auf der Suche nach einem ballonartigen Widget für eine GWT-Anwendung, z.B. wie die Ballons zeigt Google Maps, wenn auf einer Karte Suchergebnisse angezeigt werden.
Bei der Suche fand ich nur Javascript-Widgets, ist aber dort keine Widgets Verwendung in GWT?
Lösung
Hier finden Sie aktuelle overLIB . Es ist ein Open-Source-JavaScript-lib verbesserten Pop zeigen Hinweisfenster. Es kann leicht in GWT integriert werden. Und Sie haben die Freiheit, die Sie erstellen eine eigene HTML-Pop-ups.
Hier ist ein Ausschnitt aus meinem über lib Helfer-Code (overLib' muss in die öffentlichen Ordner Ihres GWT Projektes entpackt werden). Die Attribute erzeugt mit getSimpleToolTip sind nur hinzugefügt, um Ihre GWT Elemente:
public static String getSimpleToolTip(String text, Integer width, Integer height)
{
String alt = "onmouseout=\"" + getOnMouseOutAttribute() + "\"";
alt = alt + " onmouseover=\"" + getOnMouseOverAttribute(text, width, height) + "\"";
return alt;
}
public static String getOnMouseOutAttribute()
{
return "return nd();";
}
public static String getOnMouseOverAttribute(String text, Integer width, Integer height)
{
String out = "return overlib('" + text + "'";
out = out + ", DELAY, 750";
if (width != null)
{
out = out + ", WIDTH, " + width.toString();
}
if (height != null)
{
out = out + ", HEIGHT, " + height.toString();
}
out = out + ");";
return out;
}
Andere Tipps
In GWT erstellen Sie Ihr eigenes Widget mit Hilfe von Popup-panel.Have Bild wie baloon (Bild Hintergrund sollte transparent sein) und legen Sie es als ein Popup-Panel background.After, die auf Ihrer Anforderung hängt Ihre Ergebnisse wie „A“ hinzufügen, "B", etc ... als Label in Popup-Panel.