Vaadin有序和无序列表

时间:2015-10-07 05:09:57

标签: list vaadin

你可以帮我解决如何使用vaadin添加无序列表和有序列表。

虽然搜索到了onchange,但它是一个界面,我们如何为这个创建对象

请帮帮我 在此先感谢

1 个答案:

答案 0 :(得分:2)

创建了一个自己的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)