更改 vaadin 中的样式定义

Question

我有动态隐藏组件的代码；它使用 [component].addStyleName("name") 向组件添加样式，并且定义该样式以隐藏组件。

我有一个包含大量组件的页面；我可以将它们放在一个数组中并执行此操作，但我希望采用不同的方式。我想为所有这些组件分配自己的样式 - 类似于 "costPanel" - 然后使用服务器端 vaadin 代码在运行时更改样式 "costPanel" 的定义。

Vaadin 中的 Page.Styles class 没有获取现有样式或更改现有样式的方法 -- 唯一的方法是添加它们。

这在 Vaadin 中是否可行，即使我必须在客户端为此做一些事情？

Answer 1

这可能最适合作为评论，但它并不适合放在那里。

不是想居高临下，但听起来您正试图以一种非常复杂的方式重新发明轮子。 component.setVisible(false) 将完全满足您的需求，因为在组件中不会占用任何 space 因为它实际上不会存在于 DOM 本身中。看看下面的例子：

代码：

public class LayoutWithInvisibleComponents extends VerticalLayout {
    private int index = 0;

    public LayoutWithInvisibleComponents() {
        // add a visibility toggling button
        addComponent(new Button("Toggle next", event -> {
            Component component = getComponent(++index);
            if (component instanceof Button) {
                // just toggle the next one if it's a button
                component.setVisible(!component.isVisible());
            }
            if (index == getComponentCount() - 1) {
                // reset counter
                index = 0;
            }
        }));

        // add some invisible dummy buttons
        for (int i = 0; i < 5; i++) {
            Button button = new Button("Button " + i);
            button.setVisible(false);
            addComponent(button);
        }

        // and add a visual delimiter
        Panel rightPanel = new Panel(new Label("---------- some visual delimiter ----------"));
        rightPanel.setSizeFull();
        addComponent(rightPanel);
    }
}

结果：

我还有什么遗漏的吗？

Answer 2

这也是一个更好的评论，但在那里不够合适。

以下内容来自瓦丁之书：

Beware that invisible beings can leave footprints. The containing layout cell that holds the invisible
component will not go away, but will show in the layout as extra empty space. Also expand ratios
work just like if the component was visible - it is the layout cell that expands, not the component.

短语 "show in the layout as extra empty space" 使我相信我的组件应该是空白的、开放的、背景色的 space。我不记得我是否尝试过，但我可能有过一些其他错误，导致我得出结论我的假设是正确的，并且该设置是为了使其不呈现但 space 仍然可见.

Vaadin 拥有比大多数行业更好的文档，但在这种情况下，我搞错了意思。在随后的段落中，他们甚至还有额外的解释，确实说明了我从这个问题中学到的东西，但这里引用的部分似乎与它相矛盾。

更改 vaadin 中的样式定义

alter style definition in vaadin

css

vaadin7