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

How to make vaadin combo box label always floating

我正在 java gwt 中使用聚合物 vaadin 组合框。但标签始终显示为 in-line 。如何让它一直浮动?

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

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;
            }

        });

上面的代码只是简单的把外面vaadinComboBoxalwaysFloatLabel强制继承给里面的paperInputContainer

对于 html 你可以添加 always-float-label 参数为 true

示例:

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