GWT：什么是处理方式点击GWT FlowPanel

Question

可能是一个愚蠢的问题，但GWT FlowPanel（原始div元素）没有提供处理鼠标点击/鼠标移动的东西。重写onBrowserEvent也不起作用。

如果使用原生JavaScript设置onclick事件（如果未指定，需要指定正高度，'div'的高度为0），那么捕获这些事件正常工作。有没有办法做到这一点，而不使用JSNI？

Answer 1

你需要做的是将你的FlowPanel包裹在FocusPanel中。一个FocusPanel包含所有可能的处理程序，因此可以让你设置一个ClickHandler。

另一种方法是创建自己的窗口小部件，以扩展流程面板并实现必要的接口以便能够包含ClickHandler。

我个人会推荐第一种方法。代码更简单，速度更快，并且不会减慢应用程序的运行速度。

Answer 2

似乎问题是愚蠢的，是的。 FlowPanel可以很容易地包装或替换为FocusPanel，它提供了很多监控/处理事件的方法。

Answer 3

其实，你去为这样的：

FlowPanel fPanel = new FlowPanel() { 
     @Override 
     public void onAttach() { 
      super.onAttach(); 
      super.addDomHandler(handler, ClickEvent.getType()); // handler is the instance   
                   // of your ClickHandler 
     } 
} 

干杯！

Answer 4

这为我工作（显然，代替“你clickHandler事件”与您的函数clickhandler的名字）：

FlowPanel field = new FlowPanel(); 

field.addDomHandler(YOUR CLICKHANDLER, ClickEvent.getType()); 

Answer 5

我发现这一点，最好的解决办法是here。

这个想法是扩展FlowPanel（或者确实是SimplePanel）来实现相关的处理程序接口，对于不需要FocusPanel的全部功能和焦点功能的情况来说，这是一个更加简洁的选项。请看下图：

public class MouseAwareFlowPanel extends FlowPanel implements 
HasMouseOverHandlers, HasMouseOutHandlers, HasClickHandlers 
{ 
    public HandlerRegistration addMouseOverHandler(MouseOverHandler handler) 
    { 
     return addDomHandler(handler, MouseOverEvent.getType()); 
    } 
    public HandlerRegistration addMouseOutHandler(MouseOutHandler handler) 
    { 
     return addDomHandler(handler, MouseOutEvent.getType()); 
    } 
    public HandlerRegistration addClickHandler(ClickHandler handler) 
    { 
     return addDomHandler(handler, ClickEvent.getType()); 
    } 
} 

Answer 6

只是包装的FlowPanel用FocusPanel，这将会使准备的小部件为其他用户交互太：

来源：

FlowPanel flowPanel = new FlowPanel(); 
    FocusPanel focusPanel = new FocusPanel(flowPanel); 
    focusPanel.addClickHandler(new ClickHandler() { 
     @Override 
     public void onClick(ClickEvent event) { 
      Window.alert("Hi!"); 
     } 
    });