用於GWT的氣球小部件

Question

我正在尋找用於GWT應用的氣球小部件，例如，就像谷歌地圖在地圖上顯示搜索結果時顯示的氣球一樣。

當搜索時，我只找到Javascript小部件，但是沒有GWT中使用的小部件？

Answer 1

看看OverLib。這是一個開源的JavaScript庫，以顯示增強的彈出提示窗口。它可以很容易地集成到GWT中。另外，您還可以自由創建自己的HTML彈出窗口。

這裏是我的超級庫幫助代碼片段（overlib必須解壓到你的GWT項目的公共文件夾中）。 與getSimpleToolTip產生的屬性只是添加到您的GWT元素：

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; 
} 

Answer 2

GWT在彈出面板的幫助下創建自己的小部件。像氣球一樣的圖像（圖像背景應該是透明的）並將其設置爲彈出式面板背景。然後根據您的要求添加結果，如「A」 ，「B」等等作爲彈出式面板中的標籤。