2

GWT アプリケーション用の風船のようなウィジェットを探しています。たとえば、検索結果を地図上に表示するときに Google マップが表示する風船のようなものです。

検索すると Javascript ウィジェットしか見つかりませんでしたが、GWT で使用するウィジェットはありませんか?

4

2 に答える 2

3

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;
 }
于 2009-12-29T09:31:25.853 に答える
2

GWT では、ポップアップ パネルを使用して独自のウィジェットを作成します。風船のような画像を用意し (画像の背景は透明にする必要があります)、ポップアップ パネルの背景として設定します。その後、要件に応じて、「A」、「B」などの結果を追加します。など...ポップアップパネルのラベルとして。

于 2009-12-21T03:17:01.217 に答える