Vaadin `CheckBox`教程

原文： http://zetcode.com/vaadin/checkbox/

Vaadin CheckBox教程显示了如何使用 Vaadin CheckBox组件。 Vaadin CheckBox示例切换网页的标题。

Vaadin

Vaadin 是流行的 Java Web 框架。它用于构建单页 Web 应用。

Vaadin `CheckBox`

CheckBox是可以选中或取消选中的选择组件。单击复选框将更改其状态。可以使用setValue()方法检查CheckBox。 CheckBox的值通过getValue()方法检索。更改复选框的值将导致ValueChangeEvent，由ValueChangeListener处理。

Vaadin `CheckBox`示例

以下程序演示了 Vaadin CheckBox组件的用法。复选框可切换网页标题。

Vaadin Web 应用可以在 NetBeans 中轻松创建。我们需要安装 NetBeans Vaadin 插件，然后创建一个新的 Vaadin Web 应用项目。我们将使用MyUI.java文件。

MyUI.java

package com.zetcode.vaadincheckboxex;

import javax.servlet.annotation.WebServlet;

import com.vaadin.annotations.Theme;
import com.vaadin.annotations.VaadinServletConfiguration;
import com.vaadin.server.Page;
import com.vaadin.server.VaadinRequest;
import com.vaadin.server.VaadinServlet;
import com.vaadin.ui.CheckBox;
import com.vaadin.ui.UI;
import com.vaadin.ui.VerticalLayout;

@Theme("mytheme")
public class MyUI extends UI {

    @Override
    protected void init(VaadinRequest vaadinRequest) {

        VerticalLayout layout = new VerticalLayout();

        CheckBox cbox = new CheckBox("Show title");
        cbox.setValue(true);

        Page.getCurrent().setTitle("CheckBox");

        cbox.addValueChangeListener(e -> {

            Boolean val = e.getValue();

            if (val) {
                Page.getCurrent().setTitle("CheckBox");
            } else {
                Page.getCurrent().setTitle(".");
            }

        });

        layout.addComponents(cbox);
        layout.setMargin(true);

        setContent(layout);        
    }

    @WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
    @VaadinServletConfiguration(ui = MyUI.class, productionMode = false)
    public static class MyUIServlet extends VaadinServlet {
    }
}

MyUI是应用入口点。在这里，我们创建CheckBox组件。

CheckBox cbox = new CheckBox("Show title");
cbox.setValue(true);

创建一个新的CheckBox。构造器的参数是CheckBox的标签。由于默认情况下网页的标题是可见的，因此我们使用setValue()方法检查组件。

Page.getCurrent().setTitle("CheckBox");

在这里，我们设置网页的标题。我们也可以使用@Title注解设置页面标题。

cbox.addValueChangeListener(e -> {

    Boolean val = e.getValue();

    if (val) {
        Page.getCurrent().setTitle("CheckBox");
    } else {
        Page.getCurrent().setTitle(".");
    }

});

使用addValueChangeListener()，我们为值更改添加了一个监听器。我们用getValue()方法获得CheckBox的当前值。根据其状态，设置网页的标题。