代码之家  ›  专栏  ›  技术社区  ›  Bob

用于GWT的气球小部件

  •  2
  • Bob  · 技术社区  · 14 年前

    我正在为GWT应用程序搜索一个气球状的小部件,例如谷歌地图在地图上显示搜索结果时显示的气球。

    搜索时,我只找到了javascript小部件,但在GWT中没有要使用的小部件吗?

    2 回复  |  直到 14 年前
        1
  •  3
  •   Drejc    14 年前

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

    下面是我的over lib帮助程序代码的一个片段(over lib必须解包到您的GWT项目的公用文件夹中)。 产生的属性 获取简单工具提示 只是添加到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;
     }
    
        2
  •  2
  •   DonX    14 年前

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