我相信在 Vaadin 8 中它可以用setEmptySelectionAllowed(true);
.
如何在 vaadin 10 中删除它?setAllowCustomValue(false)
没有帮助。
Java 8
Vaadin 10.0.2
4 回答
我想实现这一目标的最简单方法是使用 CSS,至少我会这样做。
您要做的是扩展VaadinComboBox
Web 组件的默认主题模块(请参阅https://github.com/vaadin/vaadin-themable-mixin/wiki/2.-Adding-Styles-to-Local-Scope),因此您可以使用以下方法:
- 首先,选择一个 CSS 类名,比如
my-combobox
- 接下来,创建一个 HTML 文件,其中将包含 VaadinComboBox Web 组件的默认主题模块的扩展名。给它起一个名字
my-combobox-theme.html
并放入src/main/resources/META-INF/resources
(是的,它是resources
两次) 将以下内容放入该 HMTL 文件中:
<dom-module id="my-combobox-theme" theme-for="vaadin-combo-box"> <template> <style> :host(.my-combobox) [part="clear-button"] { display:none !important } </style> </template> </dom-module>
在第一行中,您声明以下 CSS 应该补充为 VaadinComboBox Web 组件定义的任何样式。
然后,唯一的 CSS 规则定义,只要有一个具有 CSS 类的 VaadinComboBox,就不应该显示 Web 组件的一部分my-combobox
。clear-button
将自定义模块导入到带有
@HtmlImport("frontend://my-combobox-theme.html")
. 注意:您需要在要在其中使用修改后的 ComboBox 的所有视图中添加此注释。有关替代方法,请参见第 6 点现在你几乎都准备好了。每当您想要一个
ComboBox
没有删除按钮时,只需添加一个类名comboBox.addClassName("my-combobox")
您可能希望在多个地方使用您的 ComboBox,因此创建自己的类是一个好主意。这为您提供了一个可重用的组件,并确保始终为自定义样式正确导入 HTML:
@HtmlImport("frontend://my-combobox-theme.html") public class MyCombobox extends ComboBox { public MyCombobox() { addClassName("my-combobox"); // Adding the following code registers a listener which // resets the old value in case the user clears the // combo box editor manually, e.g. by entering "". // // addValueChangeListener(listener -> { // if(listener.getValue() == null) { // setValue(listener.getOldValue()); // } // }); } }
从Vaadin 14 开始,您可以使用以下命令轻松隐藏/显示清除按钮
comboBox.setClearButtonVisible(false);
API 文档
我知道您要求 Vaadin 10,但为了完整起见,我想在此处添加此内容。
目前这是不可能的,但作为功能进行了讨论。请参阅 Github 问题No way to disallow clearing selected value。您可以在该问题上竖起大拇指以强调其重要性。IMO 这是一个必须具备的功能,应该从一开始就实施。
该路线图说明了第三季度 Vaadin 11 中即将推出的“下拉菜单”。这可能很有趣。
我正在使用 vaadin-combo-box(在本例中为 id:my-combo)内的清除按钮组件的 shadow-dom 遍历,并设置显示属性。(javascript)
var clear_button = this.$.my_combo.shadowRoot.querySelector("#clearButton");
clear_button.style.display = "none";