Checkbox 的状态可以为checked和unchecked. 其值可以通过getValue, setValue 来操作。基本用法如下
// A check box with default state (not checked, false).
final CheckBox checkbox1 = new CheckBox("My CheckBox");
main.addComponent(checkbox1);
// Another check box with explicitly set checked state.
final CheckBox checkbox2 = new CheckBox("Checked CheckBox");
checkbox2.setValue(true);
main.addComponent(checkbox2);
// Make some application logic. We use anonymous listener
// classes here. The above references were defined as final
// to allow accessing them from inside anonymous classes.
checkbox1.addListener(new ValueChangeListener() {
public void valueChange(ValueChangeEvent event) {
// Copy the value to the other checkbox.
checkbox2.setValue(checkbox1.getValue());
}
});
checkbox2.addListener(new ValueChangeListener() {
public void valueChange(ValueChangeEvent event) {
// Copy the value to the other checkbox.
checkbox1.setValue(checkbox2.getValue());
}
});
checkbox1.setImmediate(true);
checkbox2.setImmediate(true);
Checkbox除了单独使用之外,还可以应用到OptionGroup 和Tabel中,具体参见后续文章。
分享到:
相关推荐
赠送jar包:android-json-0.0.20131108.vaadin1.jar; 赠送原API文档:android-json-0.0.20131108.vaadin1-javadoc.jar; 赠送源代码:android-json-0.0.20131108.vaadin1-sources.jar; 赠送Maven依赖信息文件:...
org.vaadin.addons.dcharts-widget-0.10.0-dcharts-widget-0.10.0.jar
<vaadin> | 是一个Web组件,提供了一个可访问且可自定义的复选框,是一部分。 < vaadin> Checked </ vaadin> < vaadin> Unchecked </ vaadin> ...npm i @vaadin/vaadin-checkbox --save 安装后,将其
是一个Web组件,提供应用程序菜单功能,是一部分。 < vaadin> </ vaadin> 安装 安装vaadin-menu-bar : npm i @vaadin/vaadin-menu-bar --save 安装后,将其导入您的应用程序: import '@vaadin/vaadin-menu-...
赠送jar包:android-json-0.0.20131108.vaadin1.jar; 赠送原API文档:android-json-0.0.20131108.vaadin1-javadoc.jar; 赠送源代码:android-json-0.0.20131108.vaadin1-sources.jar; 赠送Maven依赖信息文件:...
Vaadin来自北欧的__Web__应用开发利器
cd vaadin-microservices-demo mvn package 运行演示 使用多个(七个)终端执行以下步骤: 1)启动discovery-server应用程序(Eureka应用程序): cd vaadin-microservices-demo/discovery-server java -jar ...
| < vaadin> </ vaadin>安装安装vaadin-date-time-picker : npm i @vaadin/vaadin-date-time-picker --save 安装后,将其导入您的应用程序: import '@vaadin/vaadin-date-time-picker/vaadin-date-time-picker.js...
< vaadin> </ vaadin>安装安装vaadin-rich-text-editor : npm i @vaadin/vaadin-rich-text-editor --save 安装后,将其导入您的应用程序: import '@vaadin/vaadin-rich-text-editor/vaadin-rich-text-editor.js' ...
vaadin-list-mixin vaadin-list-mixin是nav元素的混合,有助于导航和选择childNodes。 在浏览器中运行测试 分叉vaadin-list-mixin存储库并在本地克隆。 确保已安装和 。 在vaadin-list-mixin目录中时,运行npm ...
Vaadin的UI组件CSS样式规则,Vaadin的UI组件CSS样式规则
vaadin-edit-table-example 使用 commons-vaadin 库类 EditableTableDecorator 的 VAADIN 可编辑表示例。 这个助手类在 commons-vaadin 1.0.17 或更高版本中可用。 下载 通过 Maven 抓取: < groupId>topgroup....
使用Web组件,redux和lit-html构建Web应用程序该存储库托管“事件”应用程序,该应用程序是在研讨会的期间开发的。 Web标准的新手? 结帐: : Web组件的新手? 结帐: : 从未构建过应用程序? 结帐: : 迁移到...
<vaadin> | 是一个Web组件,为item元素( 一部分)提供了一个容器。 < vaadin> Simple Item </ vaadin> ... import '@vaadin/vaadin-item/vaadin-item.js' ; 入门 Vaadin组件默认使用Lumo主题。 要使用M
vaadin-Tri-state-CheckBox Vaadin的三态复选框。 有可能由用户设置不确定状态。
通过这款插件,你可以利用标准WP条件标签来决定是否在某个页面显示你的widgets。
vaadin-material-styles是可自定义主题。 在浏览器中运行演示和测试 分叉vaadin-material-styles存储库并在本地克隆。 确保已安装和 。 在vaadin-material-styles目录中时,运行npm install ,然后运行bower ...
是用于业务Web应用程序的不断发展的高质量Web组件集。 安装 从npm安装所需的组件: npm install @vaadin/vaadin-grid 用法 导入组件JavaScript模块,在HTML中使用该组件,然后使用JavaScript对其进行控制: <!...
<vaadin> | 包含两个组件: <vaadin>是Web组件,可提供无痛的登录体验,是一部分。 组件在覆盖内显示<vaadin>。 < vaadin> </ vaadin> <vaadin>... < vaadin> </ vaadin>安装安装vaadin-login : npm i @vaadin/vaadin-
import '@vaadin/vaadin-crud/vaadin-crud.js' ; 入门 Vaadin组件默认使用Lumo主题。 要使用Material主题,请从theme/material文件夹导入对应的文件。 入口点 具有Lumo主题的组件: theme/lumo/vaadin-crud.js ...