Balloon-виджет для GWT - PullRequest
Новая
       26

Balloon-виджет для GWT

2 голосов
/ 20 декабря 2009

Я ищу шарообразный виджет для приложения GWT, например, как воздушные шары, которые показывает Google Карты при отображении результатов поиска на карте.

При поиске я нашел только виджеты Javascript, но нет ли в GWT виджетов для использования?

Ответы [ 2 ]

3 голосов
/ 29 декабря 2009

Взгляните на 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;
 }
2 голосов
/ 21 декабря 2009

В GWT создайте свой собственный виджет с помощью всплывающей панели. Создайте изображение, похожее на шарик (фон изображения должен быть прозрачным), и установите его в качестве фона всплывающей панели. После этого, в зависимости от ваших требований, добавьте свои результаты, например «A», "B" и т. Д. ... в качестве метки на всплывающей панели.

...