Vaadin 有序和无序列表

Question

你能帮我看看如何使用 vaadin 添加无序列表和有序列表吗？

在搜索时我找到了 ULElement 但它是一个接口，我们如何为这个接口创建对象

请帮帮我提前致谢

Answer 1

创建了自己的 Java class:

public class HtmlUnorderedList {
    private List<String> listElements = new ArrayList<>();

    public void addListItem(String listItem) {
        listElements.add("<li>" + listItem + "</li>");
    }

    public String getHtml(String classNames) {
        String openingTag = "<ul>";
        if(StringUtils.isNotEmpty(classNames)) {
            openingTag = String.format("<ul class=\"%s\">", classNames);
        }
        return openingTag + StringUtils.join(listElements, "") + "</ul>";
    }
}

css:

     ul.additionalEvents {
        margin: 0;
        padding-left: 35px;
        padding-top: 10px;
        padding-bottom: 5px;
        color: gray;
        overflow: hidden;
     }

向(HtmlUnorderedList)组件添加列表元素后的实现：

new Label(((HtmlUnorderedList) component).getHtml("additionalEvents"), ContentMode.HTML)

Vaadin 有序和无序列表

Vaadin Ordered and Unordered List

list

vaadin