Vaadin Elements 获取 Paper-Input 的输入值答案

【问题标题】：Vaadin Elements get input value of Paper-InputVaadin Elements 获取 Paper-Input 的输入值
【发布时间】：2015-11-10 08:24:16
【问题描述】：

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

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

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

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

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

但是，我尝试过的任何方法实际上都没有返回非空值。有什么想法吗？

纸质输入界面代码：

@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 中引用了纸张按钮。

【问题讨论】：

请至少添加代码，您如何构建组件。

标签： javascript java polymer vaadin

【解决方案1】：

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

如果您直接创建元素：

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

或使用接口方法（您似乎使用）：

public void setValue(String value)

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

免责声明：我只在元素周围使用 Groovy DSL 进行了尝试。

【讨论】：