Question

我正在为GWT应用程序搜索类似气球的小部件，例如：就像Google地图在地图上显示搜索结果时显示的气球一样。

搜索时我只发现了Javascript小部件，但是在GWT中没有任何小部件可用吗？

Answer 1

看看OverLib。它是一个开源的javascript库，用于显示增强的弹出提示窗口。它可以很容易地集成到GWT中。此外，您可以自由创建自己的HTML弹出窗口。

这是我的over lib帮助程序代码的片段（必须将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中，在弹出式面板的帮助下创建自己的小部件。像baloon一样的图像（图像背景应该是透明的）并将其设置为弹出式面板背景。之后根据您的要求添加您的结果，如“A”， “B”等......作为弹出式面板中的标签。

GWT的气球小工具

2 个答案: