Vaadin:返回键后自动点击按钮

Question

由于Vaadin 7中不再存在LoginForm,处理由单个用户名/密码输入和"登录"按钮组成的基本登录页面的最佳方法是什么.

如何确保在按回车键时提交表格？我可以想办法做到这一点,但认为必须有一个更常见的方法.

Answer 1

一种简单的方法是使用LoginForm添加. https://vaadin.com/directory#addon/loginform

另一种方法是只显示一个包含登录名和密码字段的表单,并将"登录"按钮设置为默认操作.

在Vaadin 7:

// Have an Login button and set it as the default button
Button login = new Button("Login");
login.setClickShortcut(ShortcutAction.KeyCode.ENTER);  // Bind ENTER key to this button.
login.addStyleName(Reindeer.BUTTON_DEFAULT);           // Add styling as visual cue this button is the default button (has Enter key bound to it). 

Vaadin 8默认使用不同的主题,Valo而不是Reindeer,使用不同的样式名称:

// Have an Login button and set it as the default button
Button login = new Button("Login");
login.setClickShortcut(ShortcutAction.KeyCode.ENTER); // Bind ENTER key to this button.
login.addStyleName(ValoTheme.BUTTON_PRIMARY);         // Add styling as visual cue this button is the default button (has Enter key bound to it). 

请参阅有关Vaadin 7和Vaadin 8的快捷键 的文档.请注意,某些Web浏览器可能不支持某些键盘快捷键.