0

我有带有复选框和文本区域的检票口表格。当复选框值更改时,我需要隐藏和显示 textarea。

这是我的实现:

private class EditCommentForm extends Form {

    private TextArea applyToAllArea;
    private boolean addToAll;

    // some code here

    public EditCommentForm(String id) {
        super(id);
        applyToAllArea = new TextArea<>("applyToAllArea", Model.of(""));
        applyToAllArea.setVisible(addToAll);
        applyToAllArea.setOutputMarkupId(true);
        applyToAllArea.setOutputMarkupPlaceholderTag(true);
        add(applyToAllArea);

        CheckBox addToAllCheckbox = new AjaxCheckBox("addToAll", new PropertyModel<>(this, "addToAll")) {
            @Override
            protected void onUpdate(AjaxRequestTarget target) {
                applyToAllArea.setVisible(addToAll);
                target.addComponent(applyToAllArea);
            }
        };
        addToAllCheckbox.setVisible(documents.size() > 1);
        add(addToAllCheckbox);
        // some code here
    }

    private boolean isAddToAll() {
        return addToAll;
    }

}

当我在 textarea 中输入一些信息然后单击复选框两次(隐藏和显示 textarea)时,我输入的信息会丢失。

那么,如何在不提交表单的情况下保存键入的信息?

检票口版本 1.4.20

4

1 回答 1

3

正如@bert 解释的那样,问题是文本区域的内容无论如何都没有保存,并且在重新绘制之后,Wicket 使用服务器端的当前模型,该模型是空的。

一个简单的解决方案是添加new AjaxFormComponentUpdatingBehavior("onblur")到 textarea,以便在用户移动到页面中的另一个元素时保存其内容。

我建议您至少升级到 1.4.22。与 1.4.20 相比,它几乎没有与安全相关的修复。

于 2017-02-02T07:47:43.927 回答