GWT: Jaki jest sposób obsługi Kliknij na GWT FlowPanel

Question

Może to głupie pytanie, ale GWT FlowPanel (surowy element div) nie zapewnia czegoś do obsłużenia go mouseclick/mousemovement. Przesłanianie onBrowserEvent również nie działa.

Jeśli ustawisz zdarzenie onclick przy użyciu natywnego JavaScript (musisz określić dodatnią wysokość przed, "div" ma wysokość 0, jeśli nie jest określona), to przechwytywanie tych zdarzeń działa poprawnie. Czy istnieje sposób, aby to zrobić bez korzystania z JSNI?

Answer 1

Należy tutaj zawinąć panel FlowPanel w FocusPanel. FocusPanel zawiera wszystkie możliwe programy obsługi, dzięki czemu można ustawić dla niego opcję ClickHandler.

Inną metodą byłoby utworzenie własnego widgetu rozszerzającego panel przepływu i implementującego niezbędny interfejs, aby móc zawierać ClickHandler.

Ja osobiście poleciłbym pierwszą metodę. Jest prostszy, szybszy do kodowania i nie spowalnia aplikacji.

Answer 2

Wydaje się, że pytanie jest głupie, tak. FlowPanel może być łatwo zapakowany lub zastąpiony przez FocusPanel, który zapewnia wiele metod monitorowania/obsługi zdarzeń.

Answer 3

Faktycznie, idziesz na to:

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

Cheers !!!

Answer 4

Ten pracował dla mnie (oczywiście zastąpić „Twój clickHandler” z nazwą Twojego clickHandler'S):

FlowPanel field = new FlowPanel(); 

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

Answer 5

Najlepszym rozwiązaniem znalazłem tego było here.

Chodzi o to, aby rozszerzyć FlowPanel (lub wręcz SimplePanel), aby wdrożyć odpowiednie interfejsy handlerów, co jest znacznie prostszą opcją w sytuacjach, w których nie wymaga się pełnej funkcjonalności i możliwości ustawiania ostrości w FocusPanel. Patrz poniżej:

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

Wystarczy owinąć FlowPanel z FocusPanel, że pozostawi gotowy widget dla innych interakcji użytkownika TOO:

Źródło:

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