在 Vaadin 的双列值中看不到全名答案

【问题标题】：Full name is not visible in twin-column values in Vaadin在 Vaadin 的双列值中看不到全名
【发布时间】：2013-10-24 10:24:45
【问题描述】：

我是 vaadin 的新手。我遇到了一个错误，即全名在双列组件的值中不可见。我在双列的左侧有很长的名字。我尽可能地增加了组件的宽度。但是仍然有一些行是不可见的全名。我尝试添加一些 css，即使这样也没有用。

.v-select-twincol-options .v-select-twincol-break-word{word-wrap: break-word;}

我尝试了这条 css 行。这里有什么问题吗？或任何解决此问题的想法。请帮我解决这个问题..

提前谢谢你。

private TwinColSelect createTemplateSelectTwinColumn()
    {
        TwinColSelect twinColSelect = new TwinColSelect("Related Templates");
        twinColSelect.setNullSelectionAllowed(true);
        twinColSelect.setMultiSelect(true);
        twinColSelect.setImmediate(true);
        twinColSelect.setSizeFull();

        Collection<File> templates = getTemplates();

        Collections.sort((List<File>) templates, new Comparator<File>()
        {
            @Override
            public int compare(final File f1, final File f2)
            {
                return f1.getName().compareTo(f2.getName());
            }
        });

        for (File file : templates)
        {
            twinColSelect.addItem(file.getNodeId());
            twinColSelect.setItemCaption(file.getNodeId(), file.getName());
        }

        return twinColSelect;
    }

我在 FormLayout 中创建 twinColumn 的方法

【问题讨论】：

Vaadin 是一个服务器端框架——但是问题出在客户端。所以请展示重现问题的客户端代码，或者至少是一个在线示例。
@CBroe 感谢您的快速回复。请参阅编辑后的答案。我没听懂你说的。我希望编辑的答案对您有所帮助。无论如何，我只想在双列中显示全名。即使是包装格式。谢谢

标签： css vaadin

【解决方案1】：

Vaadin 的 TwinColSelect 最终会在 DOM 中生成两个标准的 HTML 选项列表控件；查看本示例的 DOM：http://demo.vaadin.com/book-examples/book/#component.select.twincolselect.basic

word-wrap 然而，not possible 在选项列表项上。

考虑从两个 Vaadin 表创建“自己的”TwinColSelect。 Vaadin 表在 CSS 样式方面更加灵活。

【讨论】：

感谢您的回答。我懂了。我意识到了。我会放弃这个word-wrap 并尝试其他方式。