So schliessen Sie eine Vaadin-Fenster auf Mausklick außerhalb des Fensters?

Ich hatte das gleiche problem und war nicht zufrieden mit jeder Antwort:

1. Focus/blur Ansatz von @Steven Spungin funktioniert, aber nur wenn es keine andere fokussierbare Elemente in einem Fenster. Ansonsten Klick auf eines dieser Elemente, wird das Fenster geschlossen, die weit vom gewünschten.
2. @Steven Spungin vorgeschlagen, eine Lösung für seine erste Antwort mit dem Einsatz der "glass-element", aber es funktioniert nur für modale Fenster und ist in der Regel nicht sehr flexibel.
3. Antwort von @dwi wahyu utomo, in dem er vorschlägt, klicken Sie auf hinzufügen Zuhörer mit UI.getCurrent().addClickListener und zu prüfen, ob das click-Ereignis Koordinaten innerhalb eines Fensters, funktioniert, aber es hat ein großes problem: das click-Ereignis ist "verbraucht", die von Vaadin und ist nicht an den browser. Das bedeutet, dass Sie auf eine beliebige Stelle auf der Seite, die nicht im normalen Verhalten, wie z.B. native Kontextmenü wird nicht zeigen, bis auf der rechten Seite klicken.

Ich kam mit einer Idee zu erstellen eine einfache AbstractExtension basiert auf einer client-side connector erweitert, dass eine bestimmte Komponente und hört auf alle click-events auf der einen Seite. Wenn das Ziel der click war nicht innerhalb der erweiterten Komponente benachrichtigt Sie server-side connector.

Hier ist die client-side-connector:

@Connect(ClickOutsideComponentExtension.class)
public class ClickOutsideComponentConnector extends AbstractExtensionConnector implements NativePreviewHandler {

    private ComponentConnector extendedConnector;
    private ClickOutsideComponentRpc rpc;
    private HandlerRegistration handlerRegistration;

    @Override
    protected void extend(ServerConnector target) {
        extendedConnector = (ComponentConnector) target;
        rpc = getRpcProxy(ClickOutsideComponentRpc.class);
        handlerRegistration = Event.addNativePreviewHandler(this);
    }

    @Override
    public void onUnregister() {
        super.onUnregister();
        handlerRegistration.removeHandler();
    }

    @Override
    public void onPreviewNativeEvent(NativePreviewEvent event) {
        if (extendedConnector.isEnabled()) {
            Element eventTarget = Element.as(event.getNativeEvent().getEventTarget());
            if (Event.ONCLICK == event.getTypeInt() && !isElementInsideExtendedElement(eventTarget)) {
                rpc.onClickOutside();
            }
        }
    }

    public boolean isElementInsideExtendedElement(Element element) {
        Element outsideElement = extendedConnector.getWidget().getElement();
        Element insideElement = element;

        while (insideElement != null) {
            if (outsideElement.equals(insideElement)) {
                return true;
            }
            insideElement = insideElement.getParentElement();
        }
        return false;
    }

}

RPC für die Kommunikation zwischen client-Seite und server-Seite:

public interface ClickOutsideComponentRpc extends ServerRpc {
    void onClickOutside();
}

- und server-side extension:

public class ClickOutsideComponentExtension extends AbstractExtension {

    private List<ClickOutsideListener> clickOutsideListeners = new ArrayList<>();

    public interface ClickOutsideListener extends Serializable {
        void onClickOutside();
    }

    @Override
    public void extend(AbstractClientConnector target) {
        super.extend(target);
        registerRpc(new ClickOutsideComponentRpc() {


            @Override
            public void onClickOutside() {
                for (ClickOutsideListener listener : clickOutsideListeners) {
                    if (listener != null) {
                        listener.onClickOutside();
                    }
                }
            }
        });
    }

    public void addClickOutsideListener(ClickOutsideListener listener) {
        clickOutsideListeners.add(listener);
    }
}

Wie gesagt, diese Lösung funktioniert für Klicks von außerhalb der jede Komponente, so können Sie etwas wie das hier tun:

Label label = new Label("Try to click outside!");
ClickOutsideComponentExtension ext = new ClickOutsideComponentExtension();
ext.extend(label);
ext.addClickOutsideListener(new ClickOutsideListener() {

    @Override
    public void onClickOutside() {
        Notification.show("Click outside of label");
    }
});
addComponent(label);

oder ein Fenster schliessen, klicken Sie auf auf außerhalb von Ihr:

Button btn = new Button("Open window");
btn.addClickListener(new ClickListener() {

    @Override
    public void buttonClick(ClickEvent event) {
        Window w = new Window();
        w.setContent(new Button("Focusable button"));
        w.center();
        ClickOutsideComponentExtension ext = new ClickOutsideComponentExtension();
        ext.extend(w);
        ext.addClickOutsideListener(new ClickOutsideListener() {

            @Override
            public void onClickOutside() {
                w.close();
            }
        });
        UI.getCurrent().addWindow(w);
    }
});
addComponent(btn);

Wenn Fenster haben, fixieren Sie die position und die Größe, dann:

public MyWindow extends Window {
 private int x=0,y=100,width=300,height=500; 
 ...

 //constructor
 public MyWindow() {
  ...
  UI.getCurrent().addClickListener(MouseEvents.ClickListener() {
   @Override
   public void click(com.vaadin.event.MouseEvents.ClickEvent event) {
    if(!(event.getRelativeX()>=x && event.getRelativeX()<(x+width) && 
     event.getRelativeY()>=y && event.getRelativeY()<(y+height))) {
     hide();
    }
   }
  };
  ...
 }

 //showing window
 public void show() {
  if(getParent()==null) {
   setPosition(x,y);
   setWidth(width,Unit.PIXELS);
   setHeight(height,Unit.PIXELS);
   UI.getCurrent().addWindow(this);
  }
 }

 //hiding window
 public void hide() {
  if(getParent()!=null) {
   UI.getCurrent.removeWindow(this);
  }
 }

 ...
}

Hoffentlich Ihr problem lösen

Verhalten von Vaadin-Sampler, die du erwähnst, setzt auf windows, sind nicht-modal:

 window.setModal(false); 

In diesem Fall können Sie hinzufügen, klicken Sie auf listener für das Fenster (oder UI/layout unter), wchich schließt Kind-Fenster, zB.

 window.addClickListener(new MouseEvents.ClickListener() {

        @Override
        public void click(MouseEvents.ClickEvent event) {
            childWindow.close();         
        }
    });

Wenn das Fenster modal ist, andere Komponenten sind nicht zugänglich, so gibt es wohl keine einfache Möglichkeit, zu definieren, klicken Sie auf alle Ereignisse, die außerhalb des aktuellen Fensters, dass geschossen werden konnte.