Question

我想为任何标记添加MouseOver事件处理程序。我只想举例说明，我想为遗留HTML页面中的每个锚页添加事件处理程序。

在GWT guide之后，我能够使用他们建议的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，从而公开标记的href属性。< / p>

试试这段代码：

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");
  }
}

要添加事件处理程序，您可以使用wrap()

将Element包裹在Anchor中

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并将其添加到每个元素，而不是为每个元素创建处理程序）

在GWT中，在任何主机页面标记上添加事件处理程序

1 个答案: