如何将 HasEventHandlers 注册到自创建的 GWT-Widget

Question

我正在创建一个自己的按钮小部件，并希望在此小部件上注册HasClickHandlers和HasMouseoverHandlers。问题是当我使用此小部件并添加点击处理程序时，没有任何反应。

MyButton extends Widget implements HasClickHandlers, HasMouseOverHandlers{
    Element elem;
    Element child1;
    Element child2;
    public MyButton(String txt1, String txt2){
          elem = Document.get().createDivElement();
          child1 = Document.get().createDivElement();
          child2 = Document.get().createDivElement();
          child1.setInnerText(txt1);
          child2.setInnerText(txt2);

         elem.appendChild(child1);
         elem.appendChild(child2);
         setStyleName(elem, "elem");
         setStyleName(child1, "child1");
         setStyleName(child1, "child2");
         setElement(elem);
    }
    @Override
    public HandlerRegistration addClickHandler(ClickHandler handler) {
         return this.addHandler(handler, ClickEvent.getType());
    }
    @Override
    public HandlerRegistration addMouseOverHandler(MouseOverHandler handler) {
            return this.addDomHandler(handler, MouseOverEvent.getType());
    }

}

现在我正在使用这个小部件，应该是一个按钮。

MyButton b1 = new MyButton("Hello", "People");
b1.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Hi");
        }
    });

此单击没有任何反应。

b1.addMouseOverHandler(new MouseOverHandler() {
        public void onMouseOver(MouseOverEvent event) {
            anotherWidget.getElement().getStyle().setBackgroundColor("yellow");
        }
    });

mouseOverHandler 有效，但 clickHandler 无效。怎么了？

Answer 1

像这样替换你的addClickHandler函数。

 public HandlerRegistration addClickHandler(ClickHandler handler) {
         return this.addDomHandler(handler, ClickEvent.getType());
    }

当您简单地添加处理程序时，它不会与 DOM 事件同步，或者要使用addHandler您需要显式指定同步，例如，

int typeInt = Event.getTypeInt(ClickEvent.getType().getName());       
sinkEvents(typeInt);