输入vaadin 10 TextField的新闻事件

时间:2018-05-04 14:51:54

标签: vaadin vaadin10 vaadin-flow

是否有任何特定的方法可以在Vaadin Flow中的特定TextField元素上为Enter键添加快捷方式Listener。文档对此保持沉默。

2 个答案:

答案 0 :(得分:4)

我猜你实际上并没有找到一个“快捷方式”键,但是当焦点在场内时你会做出反应来进行按下?如果是这样,请参阅KeyNotifier和addKeyPressListener。

也可以使用元素API监听任何DOM事件,例如

textField.getElement().addEventListener("keyup", e -> { 
    System.out.println("Value is now: " + 
        e.getEventData().getString("element.value"));
}).addEventData("element.value").setFilter("event.keyCode == 13");

答案 1 :(得分:2)

Vaadin Directory中,有一个Vaadin 10的UI Web组件。它称为shortcut。用法很简单:

>>> from urllib.parse import unquote
>>> result = unquote('a%20%2B%20b%20%3D%3D%2013%25!')
>>> result
'a + b == 13%!'
>>> unquote(result)
'a + b == 13%!'

您还可以添加如下修饰键:

                    <!--[if (gte mso 9)|(IE)]>
                      <table align="center" border="0" cellspacing="0" cellpadding="0" width="640"> <tr><td align="center" valign="top" width="318">
                      <![endif]-->

                      Side 1 

                      <!--[if (gte mso 9)|(IE)]>
                      </td><td>
                      <![endif]-->

                      <!--[if (gte mso 9)|(IE)]>
                      </td></tr></table>
                      <![endif]-->