В GWT добавление обработчика событий на любой из тегов страницы хоста

Question

Я хочу добавить обработчик события MouseOver для любого тега. Скажем только для примера, что я хочу добавить обработчик событий для каждой якорной страницы в устаревшей HTML-странице.

Следуя руководству GWT , я смог использовать их метод JSNI, предложенный для извлечения всех тегов привязки после исправления небольших ошибок (пропущенных скобок и типов).

Однако я хочу использовать элементы, собранные в ArrayList, и связать их все с обработчиком событий. Как я могу это сделать?

Код, который я написал, указан ниже:

  private native void putElementLinkIDsInList(BodyElement elt, ArrayList list) /*-{
    var links = elt.getElementsByTagName("a");

    for (var i = 0; i < links.length; i++ ) {
      var link = links.item(i);
      link.id = ("uid-a-" + i);
      list.@java.util.ArrayList::add(Ljava/lang/Object;) (link.id);
    }
  }-*/;

  /**
   * Find all anchor tags and if any point outside the site, redirect them to a
   * "blocked" page.
   */
  private void rewriteLinksIterative() {
    ArrayList links = new ArrayList();
    putElementLinkIDsInList(Document.get().getBody(), links);
    for (int i = 0; i < links.size(); i++) {
      Element elt = DOM.getElementById((String) links.get(i));
      rewriteLink(elt, "www.example.com");
    }
  }

 /**
   * Block all accesses out of the website that don't match 'sitename'
   * 
   * @param element
   *          An anchor link element
   * @param sitename
   *          name of the website to check. e.g. "www.example.com"
   */
  private void rewriteLink(Element element, String sitename) {
    String href = DOM.getElementProperty(element, "href");

    if (null == href) {
      return;
    }

    // We want to re-write absolute URLs that go outside of this site
    if (href.startsWith("http://")
        && !href.startsWith("http://" + sitename + "/")) {
      DOM.setElementProperty(element, "href", "http://" + sitename
          + "/Blocked.html");
    }
  }

Answer 1

Возможно, вы захотите использовать Document.getElementsByTagName("a"), который возвращает NodeList, содержащий элементы, которые можно привести к AnchorElement s, открывая атрибут href тега.

Попробуйте этот код:

NodeList<Element> elems = Document.get().getElementsByTagName("a");
for (int i = 0; i < elems.getLength(); i++) {
  Element elem = elems.getItem(i);
  AnchorElement a = AnchorElement.as(elem);
  if (!a.getHref().startsWith("http://yoursite.com")) {
    a.setHref("http://yoursite.com/blockedpage");
  }
}

Чтобы добавить обработчик событий, вы можете вместо этого обернуть Element в Anchor, используя wrap()

for (int i = 0; i < elems.getLength(); i++) {
  Element elem = elems.get(i);
  Anchor a = Anchor.wrap(elem);
  a.addClickHandler(new ClickHandler() {
    @Override
    public void onClick(ClickEvent event) {
      Window.alert("yay!");
    }
  });
}

(Если обработчик всегда будет делать одно и то же, вам нужно будет создать только один экземпляр ClickHandler и добавить его к каждому элементу вместо создания обработчика для каждого элемента)