Wicket - AjaxFormComponentUpdatingBehavior 和退格

Question

我有一个TextField，我在其中添加了一个AjaxFormComponentUpdatingBehavior，以便在用户写入一些字符串时获取当前值。

filterByObject = new TextField<String>("filterByObject", true, new PropertyModel<String>(searchParams, "objectFilter"));
AjaxFormComponentUpdatingBehavior  changeFilterBinded = new AjaxFormComponentUpdatingBehavior ("onkeyup") {
    @Override
    protected void onUpdate(AjaxRequestTarget target) {                         
        target.addComponent(componentToUpdate);
    }
};
filterByObject.add(changeFilterBinded);

当我在textfield 中放入一些字符时，onUpdate 方法被正确调用，并且我的组件根据searchParams 的当前状态正确更改。 不幸的是，当我使用 Backspace 取消我插入的内容时，onUpdate 没有被调用。

我尝试更改事件（onkeypress、onkeydown、onchange 等...）但它不起作用。只有onChange 有效，但我必须将焦点转移到另一个组件。

我怎样才能挽救这一天？

Answer 1

字段中的输入是否无效（根据字段中添加的setRequired或IValidators）是按退格键的结果吗？如果是，则将调用 onError 方法而不是 onUpdate，因为用户输入将无效，因此不会到达具有 AjaxFormComponentUpdatingBehavior 的组件的 ModelObject。

AjaxFormComponentUpdatingBehavior  changeFilterBinded = 
  new AjaxFormComponentUpdatingBehavior ("onkeyup") {
    @Override
    protected void onUpdate(AjaxRequestTarget target) {     
        // Here the Component's model object has already been updated
        target.addComponent(componentToUpdate);
    }
    @Override
    protected void onError(AjaxRequestTarget target, RuntimeException e){
         // Here the Component's model object will remain unchanged, 
         // so that it doesn't hold invalid input
    }
};

请记住，任何涉及 ajax 化组件的IFormValidator 都不会自动执行，因此如果是这种情况，您可能有兴趣在更新模型对象之前手动检查输入。你可以告诉AjaxFormComponentBehavior不要通过覆盖getUpdateModel()来自动更新模型对象。然后，在onUpdate方法中，通过getConvertedInput()获取组件的新输入。

作为旁注，onkeyup 应该在按下退格键时被触发。至少在this fiddle 中是这样，而onchange 通常在关注<input type="text"> 时触发。

此外，HTML5 引入了oninput 事件处理程序，它可能更适合您的需求。即使在文本字段中复制/粘贴，它也会被触发。有关详细信息，请参阅以下链接：Using the oninput event handler with onkeyup/onkeydown as its fallback。