Vaadin元素获取纸张输入的输入值



我已经将Vaadin的Elements插件集成到我的项目中,并且我有一个简单的登录设置,它有两个输入字段和一个按钮。然而,当用户单击提交按钮时,我遇到了如何获取输入字段值的障碍。

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

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

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

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

然而,我尝试过的任何方法实际上都不会返回非null值。有什么想法吗?

纸张输入界面代码:

@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

只需调用create()即可使用,如下所示:

PaperInput usernameInput = PaperInput.create();

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

客户端必须将值绑定到change。实验室中有两个例子:

如果您直接创建元素:

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

或者使用界面方法(您似乎使用了这种方法):

public void setValue(String value)
@UpdatedBy("change")
public String getValue()

免责声明者:我只是用GroovySSL围绕元素进行了尝试。

最新更新