java如何在Vaadin组合框中添加搜索图标？

Question

我有一个ComboBox可以选择给定的项目，还有一个图标可以接受选择：

功能都很好

我正在寻找将搜索图标放入组合框的效果。比如Vaadin Icons：

这是怎么做到的

我试过了

comboBox.setIcon(new ThemeResource("search.png"));

它没有做任何改变

后端开发人员-前端工具不好

//==========================================

编辑：

我能想到的一件事是使ComboBox的边框消失（还不知道如何消失），并在包含图标和comboBox的组件上创建边框。 还有其他/更好的方法吗

Answer 1

也许你可以从Vaadin Icons page中获取css并调整它以适应你的应用程序

java代码示例：

ComboBox comboBox = new ComboBox("Combobox");
comboBox.addStyleName("searchbox");

SASS示例：

.v-filterselect-searchbox:before {
    font-family: FontAwesome;
    content: "\f002"; //search icon
    left: 10px;
    position: absolute;
    top: 0;
    line-height: 35px;
}

.v-filterselect-searchbox .v-filterselect-input{
    padding-left: 30px;
}

您可能需要调整偏移值，以便在主题中正确对齐图标。此外，还必须显式设置组合框的宽度，因为输入文本填充是在CSS中设置的

comboBox.setWidth("400px");

最终结果是：