Vaadin 有序和無序列表

Question

你能幫我看看如何使用 vaadin 添加無序列表和有序列表嗎？

在搜索時我發現了ULElement但它是一個接口，我們如何為此創建對象

請幫助我在此先感謝

Answer 1

創建了一個自己的Java類：

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)