vaadin7 - 如何在 Vaadin 中显示模态窗口？

Question

我是 Vaadin 的新手，仍在学习中。在这里，我试图编译一个基本的 Vaadin 项目。我希望它在 UI 运行时显示模式窗口，但遇到了麻烦。这是我到目前为止所拥有的:

CaptchaUI.java -

import com.vaadin.server.VaadinRequest;
import com.vaadin.ui.UI;


public abstract class CaptchaUI extends UI {
    /**
     * 
     */
    private static final long serialVersionUID = 1L;

    @Override
    protected void init(VaadinRequest request) {
        addWindow(new CaptchaWindow());

    }
}

CaptchaWindow.java -

import com.vaadin.ui.Button;
import com.vaadin.ui.Label;
import com.vaadin.ui.VerticalLayout;
import com.vaadin.ui.Window;


public class CaptchaWindow extends Window {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;

    public CaptchaWindow() {

    // Some other UI content
    setContent(new Label("Here's my UI"));

    // Create a sub-window and set the content
    Window subWindow = new Window("Sub Window");
    VerticalLayout subContent = new VerticalLayout();
    subContent.setMargin(true);
    subWindow.setContent(subContent);

    // Put some components in it
    subContent.addComponent(new Label("Label"));
    subContent.addComponent(new Button("Button"));

    // Center it in the browser window
    subWindow.center();

    // Open it in the UI
    addWindow(subWindow);

    }
}

有人可以给我一些帮助或建议来让它显示吗？

非常感谢。

Answer 1

根据Vaadin docs就像设置一样简单

setModal(true)

在子窗口上使其成为模式。

请注意，Vaadin 的模态功能只是客户端限制。使用浏览器中的调试工具修改 HTML 仍然可以单击后台按钮。