我正在使用 Vaadin 文本字段，我想将其限制为仅支持其中的数字。我试图在setValue()不调用 super 的情况下覆盖并返回。setValue() 如果文本不是数字。但这似乎不起作用。我该如何纠正？我正在使用 Vaadin 7。而且我认为它也不支持 NumberField。
问问题
27051 次
7 回答
20
如果我理解你的问题是正确的，你希望有一个字段忽略所有不是数字的输入，而不仅仅是将该字段标记为无效。Vaadins 架构设计为浏览器中的每个字段在服务器上都有其表示。在我看来，实现这一点的最简洁的方法是拥有一个允许输入字母和其他错误字符的浏览器字段。我在 Vaadin 7 中找不到这样的字段。vaadin 6 似乎有一个名为Number Field的附加组件，但我没有对其进行测试。
您有多种选择：
将此附加组件移植到 vaadin 7 或请作者执行
写你自己的领域。也许扩展 VTextField 和 TextFieldConnector
在服务器端做所有事情并接受延迟和流量（恕我直言，丑陋）
由于我认为选项 3不是要走的路，我可能不应该显示此代码，但这是实现此代码的最快方法。
public class IntegerField extends TextField implements TextChangeListener {
String lastValue;
public IntegerField() {
setImmediate(true);
setTextChangeEventMode(TextChangeEventMode.EAGER);
addTextChangeListener(this);
}
@Override
public void textChange(TextChangeEvent event) {
String text = event.getText();
try {
new Integer(text);
lastValue = text;
} catch (NumberFormatException e) {
setValue(lastValue);
}
}
}
于 2013-06-21T13:26:04.213 回答
12
Vaadin 7 允许扩展他们的内置小部件（如果你想对此有更多的了解，我真的推荐这篇文章）这是一个使用该机制的解决方案。
它由两个类组成：Connector 和 Extension
扩展
package com.infosystem.widgets.vaadin; import com.vaadin.server.AbstractClientConnector; import com.vaadin.server.AbstractExtension; import com.vaadin.ui.TextField; public class NumberField extends AbstractExtension { public static void extend(TextField field) { new NumberField().extend((AbstractClientConnector) field); } }连接器：
package com.infosystem.widgets.vaadin.client.numberField; import com.google.gwt.event.dom.client.KeyCodes; import com.google.gwt.event.dom.client.KeyPressEvent; import com.google.gwt.event.dom.client.KeyPressHandler; import com.infosystem.widgets.vaadin.NumberField; import com.vaadin.client.ComponentConnector; import com.vaadin.client.ServerConnector; import com.vaadin.client.extensions.AbstractExtensionConnector; import com.vaadin.client.ui.VTextField; import com.vaadin.shared.ui.Connect; @Connect(NumberField.class) public class NumberFieldConnector extends AbstractExtensionConnector { private static final long serialVersionUID = -737765038361894693L; private VTextField textField; private KeyPressHandler keyPressHandler = new KeyPressHandler() { @Override public void onKeyPress(KeyPressEvent event) { if (textField.isReadOnly() || !textField.isEnabled()) { return; } int keyCode = event.getNativeEvent().getKeyCode(); switch (keyCode) { case KeyCodes.KEY_LEFT: case KeyCodes.KEY_RIGHT: case KeyCodes.KEY_BACKSPACE: case KeyCodes.KEY_DELETE: case KeyCodes.KEY_TAB: case KeyCodes.KEY_UP: case KeyCodes.KEY_DOWN: case KeyCodes.KEY_SHIFT: return; } if (!isValueValid(event)) { textField.cancelKey(); } } }; @Override protected void extend(ServerConnector target) { textField = (VTextField) ((ComponentConnector) target).getWidget(); textField.addKeyPressHandler(keyPressHandler); } private boolean isValueValid(KeyPressEvent event) { String newText = getFieldValueAsItWouldBeAfterKeyPress(event.getCharCode()); try { parseValue(newText); return true; } catch (Exception e) { return false; } } protected long parseValue(String value) { return Long.valueOf(value); } private String getFieldValueAsItWouldBeAfterKeyPress(char charCode) { int index = textField.getCursorPos(); String previousText = textField.getText(); StringBuffer buffer = new StringBuffer(); buffer.append(previousText.substring(0, index)); buffer.append(charCode); if (textField.getSelectionLength() > 0) { buffer.append(previousText.substring(index + textField.getSelectionLength(), previousText.length())); } else { buffer.append(previousText.substring(index, previousText.length())); } return buffer.toString(); } }
要使用上面的代码，您需要将其添加到当前的小部件集中。之后this的使用如下：
TextField field = new TextField();
NumberField.extend(field);
于 2013-09-26T17:15:43.420 回答
4
在 Vaadin 7 中，您可以使用 TextField 并将验证器设置为仅允许数字：
TextField textField;
textField.addValidator(new RegexpValidator("[-]?[0-9]*\\.?,?[0-9]+"), "This is not a number!");
更改正则表达式以满足您的需求。请记住，它仍在处理字符串，因此您仍然需要转换 TextField 的返回值：
Long.parseLong(textField.getValue())
于 2015-10-27T15:58:18.843 回答
3
使用 Vaadin 8，您可以使用Binder：
Binder<YouBean> binder = new Binder<>();
binder.forField(textField)
.withConverter(new StringToIntegerConverter("Must be Integer"))
.bind(YouBean::getter, YouBean::setter);
binder.setBean(bean); //optional
于 2018-03-28T14:58:22.600 回答
2
ATextField是一个始终具有 type 值的组件String。将另一种类型的属性绑定到文本字段时，如果支持两种类型之间的转换，则会自动转换值。
public class MyBean {
private int value;
public int getValue() {
return value;
}
public void setValue(int integer) {
value = integer;
}
}
BeanItem来自构造的名为“value”的属性MyBean将是类型Integer。将属性绑定到 aTextField将自动使无法转换为整数的文本的验证失败。
final MyBean myBean = new MyBean();
BeanItem<MyBean> beanItem = new BeanItem<MyBean>(myBean);
final Property<Integer> integerProperty = (Property<Integer>) beanItem
.getItemProperty("value");
final TextField textField = new TextField("Text field", integerProperty);
Button submitButton = new Button("Submit value", new ClickListener() {
public void buttonClick(ClickEvent event) {
String uiValue = textField.getValue();
Integer propertyValue = integerProperty.getValue();
int dataModelValue = myBean.getValue();
Notification.show("UI value (String): " + uiValue
+ "\nProperty value (Integer): " + propertyValue
+ "\nData model value (int): " + dataModelValue);
}
});
addComponent(new Label("Text field type: " + textField.getType()));
addComponent(new Label("Text field type: " + integerProperty.getType()));
addComponent(textField);
addComponent(submitButton);
在这个例子中，输入一个数字并按下按钮会导致 的值为TextFielda String，属性值将是Integer表示相同值的 a ，并且 bean 中的值将是相同的 int 。例如，如果在字段中输入了一个字母并按下了按钮，则验证将失败。这会导致为该字段显示一个通知。字段值仍然更新，但属性值和 bean 值保持在它们之前的值。
于 2013-06-17T10:04:35.483 回答
2
这是@raffael 答案的更新（2017 年使用 vaadin 8）：
public class DoubleField extends TextField implements ValueChangeListener<String> {
public String lastValue;
public DoubleField() {
setValueChangeMode(ValueChangeMode.EAGER);
addValueChangeListener(this);
lastValue="";
}
@Override
public void valueChange(ValueChangeEvent<String> event) {
String text = (String) event.getValue();
try {
new Double(text);
lastValue = text;
} catch (NumberFormatException e) {
setValue(lastValue);
}
}
于 2017-06-18T12:27:11.283 回答
0
NumberField现在可用于 Vaadin 7 和 8。
于 2017-08-03T12:09:27.327 回答