blob: b8c72135e7329c42780cb458705bb88dd51381a1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
---
title: Opening A UI In A Popup Window
order: 79
layout: page
---
[[opening-a-ui-in-a-popup-window]]
= Opening a UI in a popup window
To open a new popup window in the browser showing another part of your
application, you can use the new `BrowserWindowOpener` extension. Any
component or `MenuItem` that you extend with `BrowserWindowOpener` will make clicking
the component open a new browser window with some options for the
content. Opening a popup this way helps you bypass most popup blockers.
One of the things that `BrowserWindowOpener` can be configured to open
in the new window is a new instance of a Vaadin UI class.
[source,java]
....
public class OpeningUIInPopup extends UI {
@Override
protected void init(VaadinRequest request) {
Button popupButton = new Button("Open popup with MyPopupUI");
BrowserWindowOpener popupOpener = new BrowserWindowOpener(MyPopupUI.class);
popupOpener.setFeatures("height=300,width=300");
popupOpener.extend(popupButton);
// Add a parameter
popupOpener.setParameter("foo", "bar");
// Set a fragment
popupOpener.setUriFragment("myfragment");
setContent(popupButton);
}
}
public class MyPopupUI extends UI {
@Override
protected void init(VaadinRequest request) {
setContent(new Label("This is MyPopupUI where parameter foo="
+ request.getParameter("foo") + " and fragment is set to "
+ getPage().getUriFragment()));
}
}
....
In this example, a `Button` is created and extended with a
`BrowserWindowOpener`. Furthermore, the size of the popup window is
defined. See
https://developer.mozilla.org/en-US/docs/DOM/window.open#Position_and_size_features
for a description of the commonly supported features. If you don't
define any features, the browser will use its default setting which
usually makes it open a new tab instead of opening a popup window.
The `BrowserWindowOpener` can also be used to open a `Resource` or any
URL that you define using different constructors.
|
