如何使vaadin组合框标签始终浮动

Question

我正在使用java gwt中的聚合物vaadin组合框。 但是标签始终显示为。 如何使其始终漂浮？

Answer 1

我们可以使用代码来设置属性

paperContainerElement.setAttribute("always-float-label", "true");

代码会像这样

           box.ready(new Function() {

            @Override
            public Object call(Object arg) {

            NodeList<Node> children =box.getElement().getChildNodes();

            for (int i = 0; i < children.getLength(); i++) {
            Node node = children.getItem(i);                      
            if (node.getNodeName().equals("PAPER-INPUT-CONTAINER")) {
            Element paperContainerElement = (Element) node;
            paperContainerElement.setAttribute("always-float-label", "true");
            break;                
                                  }               
                              }

            return null;
            }

        });

上面的代码是简单地迫使继承alwaysFloatLabel从外vaadinComboBox到它里面的paperInputContainer。

Answer 2

对于html，您可以将always-float-label参数添加为true

例：

<vaadin-combo-box
          label="Mode"
          always-float-label="true"
          class="otherField"
          items='["Normal","Shuffle"]'
          value="{{modeString}}"
>
</vaadin-combo-box>