Vaadin Elements获取Paper-Input的输入值

Question

我已经将 Vaadin 的 Elements add-on 合并到我的项目中，并且我有一个简单的登录设置，它有两个输入字段和一个按钮。但是，我运行在用户单击提交按钮时如何获取输入字段的值方面遇到了障碍。

提交时我的事件监听器很简单：

button.addEventListener("click", args -> submitLogin());

submitLogin() 尝试获取值并将它们传递给控制器。

controller.submit(username.getValue(), password.getValue());

不过，我试过的方法都没有returns一个非空值。有什么想法吗？

纸张输入接口代码：

@Tag("paper-input")
@Import("VAADIN/bower_components/paper-input/paper-input.html")
public interface PaperInput extends Element {

public static PaperInput create(String caption) {
    PaperInput input = create();
    input.setLabel(caption);
    return input;
}

public static PaperInput create() {
    return Elements.create(PaperInput.class);
}
}

引用纸张输入 html here

并且只需调用 create() 即可使用，如下所示：

PaperInput usernameInput = PaperInput.create();

PaperButton 的创建方式相同，但引用了@iimport 和@Tag 中的纸张按钮。

Answer 1

客户端必须将值绑定到 change。 Lab中有两个例子：

如果您直接创建元素：

input.bindAttribute("value", "change")

或使用界面方法（您似乎使用的）：

public void setValue(String value)

@UpdatedBy("change")
public String getValue()

免责声明：我只尝试使用围绕元素的 Groovy DSL。

Vaadin Elements获取Paper-Input的输入值

Vaadin Elements get input value of Paper-Input

javascript

java

vaadin

polymer