GWT アプリケーション用の風船のようなウィジェットを探しています。たとえば、検索結果を地図上に表示するときに Google マップが表示する風船のようなものです。
検索すると Javascript ウィジェットしか見つかりませんでしたが、GWT で使用するウィジェットはありませんか?
GWT アプリケーション用の風船のようなウィジェットを探しています。たとえば、検索結果を地図上に表示するときに Google マップが表示する風船のようなものです。
検索すると Javascript ウィジェットしか見つかりませんでしたが、GWT で使用するウィジェットはありませんか?
OverLibを見てください。これは、強化されたポップアップ ヒント ウィンドウを表示するためのオープン ソースの JavaScript ライブラリです。GWT に簡単に統合できます。さらに、独自の HTML ポップアップを自由に作成できます。
以下は、over lib ヘルパー コードのスニペットです (overlib は、GWT プロジェクトの public フォルダーに展開する必要があります)。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;
}
GWT では、ポップアップ パネルを使用して独自のウィジェットを作成します。風船のような画像を用意し (画像の背景は透明にする必要があります)、ポップアップ パネルの背景として設定します。その後、要件に応じて、「A」、「B」などの結果を追加します。など...ポップアップパネルのラベルとして。