Question

我有一堆来自bootstrap模板的原生html元素 - 即cleanzone。

我想直接在我的gwt应用程序中处理从html触发的事件，无论是否将html元素包装为gwt小部件。

e.g。

<div id=avatar class=".gwt-Image">
    <img src=avatar6.jpg></img>
</div>

我尝试使用代码 -

将其包装在Image小部件中

Element ele = RootPanel.get("avatar").getElement() ;
Image.wrap(ele)

我也试过

final Element element = DOM.getElementById("avatar");
final Image img = Image.wrap(element);

在这两种情况下都会引发异常。我的问题是

---因为我将使用css完成我的所有样式，所以有必要将html标记作为gwt小部件包装在页面中以处理由它触发的事件，如果是，那么包装大量数据的最佳方法是什么我页面上的小部件，即几乎所有来自cleanzone的小部件？

Answer 1

如果你想抓住一个事件，你可以做这些事情：

Event.addNativePreviewHandler(new Event.NativePreviewHandler() {
   @Override
   public void onPreviewNativeEvent(Event.NativePreviewEvent nativePreviewEvent) {
      // catch event                 
   }
});

DOM.sinkEvent(element, Event.ONCLICK);

Gwt和原生html互动

1 个答案: