GWT的气球小工具

时间:2009-12-20 17:55:46

标签: gwt widget balloon popup-balloons

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

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

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:2)

在GWT中,在弹出式面板的帮助下创建自己的小部件。像baloon一样的图像(图像背景应该是透明的)并将其设置为弹出式面板背景。之后根据您的要求添加您的结果,如“A”, “B”等......作为弹出式面板中的标签。