Vaadin组件代码示例

最新推荐文章于 2024-08-25 09:34:31 发布

zj23qq

最新推荐文章于 2024-08-25 09:34:31 发布

阅读量963

点赞数

分类专栏： Java Web 文章标签： Vaadin

本文链接：https://blog.csdn.net/zj23qq/article/details/46988373

版权

本文介绍了Vaadin框架中的三种组件：ListSelect，它是一个可垂直滚动的选择列表，支持单选和多选模式；NativeSelect是使用浏览器原生的<select>元素实现的下拉选择组件；OptionGroup则根据选择模式展示Radio Button或Check Box。

摘要由CSDN通过智能技术生成

ListSelect

ListSelect 组件是一个列表框, 其中显示可选择的项目列表, 垂直排列. 如果选择项目的数量超过了组件高度, 会显示滚动条. 这个组件支持单选模式也支持多选模式, 可以通过 setMultiSelect()方法设置. 这两种模式的外观表现是完全一样的.

// Create the selection component
ListSelect select = new ListSelect("The List");
// Add some items (here by the item ID as the caption)
select.addItems("Mercury", "Venus", "Earth", ...);
select.setNullSelectionAllowed(false);
// Show 5 items and a scrollbar if there are more
select.setRows(5);

NativeSelect

NativeSelect 是一个下拉选择组件, 使用 Web 浏览器原生的(native) select 输入框实现, 也就是HTML <select> 元素.

// Create the selection component
NativeSelect select = new NativeSelect("Native Selection");
// Add some items
select.addItems("Mercury", "Venus", ...);
setColumns() 方法可以设置列表的宽度, 单位为 &