Question

Wickets AjaxFormComponentUpdatingBehaviour出现了这样的问题。当您将其设置为表单上的某些组件并向其添加验证时，在您按“提交表单”按钮后，并且，假设您收到错误，表示您的组件未通过验证，之后{{1}表现不同，不更新模型。

以下是代码示例：

ajax

因此，如果选中TextField someText = new TextField("someTextId"); someText.setRequired(true); //added validation on requireness CheckBox checkBx = new CheckBox("checkBxId"); TextField changeableTxt = new TextField("changeableTxtId"); changeableTxt.setEnabled(false); checkBx.add(new AjaxFormComponentUpdatingBehaviour("onclick"){ protected void onUpdate(AjaxRequestTarget target) { if(compoundModel.isCheckBx()){ changeableTxt.setEnabled(true); target.addComponent(changeableTxt); }else{ compoundModel.setChangeableTxt(null); changeableTxt.setEnabled(false); target.addComponent(changeableTxt); } } }); Form form = new Form("form", compoundModel); form.add(someText, checkBx, changeableTxt); add(form);，将一些值输入checkBx，将changeableTxt留空并按下提交按钮，则会出现错误，该字段需要someText。之后，如果我们点击someText，它会禁用checkBx字段，但会在输入值之前离开，而不是null。

Answer 1

让我们开始解释为什么您认为您的代码正在运行： AjaxFormComponentUpdatingBehavior将更新CheckBox的模型，但仅更新此模型。这意味着，如果您删除代码行changeableTxt

，compoundModel.setChangeableTxt(null);甚至会保持为空

因此，如果Checkbox应该更改changeableTxt TextField的值，它应该在单击它时提交它具有的值。您可以通过在checkBx和changeableTxt周围包装表单来实现此目的，并在使用AjaxFormSubmitBehavior单击CheckBox时提交此表单。

public class TestingPanel extends Panel {
    public TestingPanel(String id) {
    super(id);

    final CompoundModel compoundModel = new CompoundModel();

    final Form<CompoundModel> form = new Form<CompoundModel>("form",
            new CompoundPropertyModel<CompoundModel>(compoundModel)) {
        @Override
        protected void onValidate() {
            System.out.println("validate: "
                    + compoundModel.getChangeableTxt());
            System.out.println("validate: "
                    + getModel().getObject().getChangeableTxt());

            super.onValidate();
        }
    };
    form.setOutputMarkupId(true);
    add(form);

    TextField someText = new TextField("someText");
    someText.setRequired(true); // added validation on requireness
    final CheckBox checkBx = new CheckBox("checkBx");
    final TextField changeableTxt = new TextField("changeableTxt");
    changeableTxt.setOutputMarkupId(true);
    changeableTxt.setEnabled(false);

    Form checkBoxForm = new Form("checkBoxForm");
    form.add(checkBoxForm);

    AjaxFormSubmitBehavior submitBehavior = new AjaxFormSubmitBehavior(
            checkBoxForm, "onclick") {

        @Override
        protected void onSubmit(AjaxRequestTarget target) {
            if (checkBx.getModelObject() == true) {
                changeableTxt.setEnabled(true);
                target.add(changeableTxt);
            } else {
                compoundModel.setChangeableTxt(null);
                changeableTxt.setEnabled(false);
                target.add(changeableTxt);
            }

        }

        @Override
        protected void onError(AjaxRequestTarget target) {

        }
    };
    checkBx.add(submitBehavior);
    checkBoxForm.add(checkBx, changeableTxt);

    AjaxFormComponentUpdatingBehavior updateBehavior = new AjaxFormComponentUpdatingBehavior(
            "onclick") {
        protected void onUpdate(AjaxRequestTarget target) {
            if (compoundModel.isCheckBx()) {
                changeableTxt.setEnabled(true);
                target.addComponent(changeableTxt);
            } else {
                // compoundModel.setChangeableTxt("");
                changeableTxt.setEnabled(false);
                target.add(changeableTxt);
            }
        }
    };

    form.add(someText);

    FeedbackPanel feedbackPanel = new FeedbackPanel("feedbackPanel");
    form.add(feedbackPanel);

    AjaxSubmitLink submit = new AjaxSubmitLink("submit", form) {

        @Override
        protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
            target.add(form);
        }

        @Override
        protected void onError(AjaxRequestTarget target, Form<?> form) {
            target.add(form);

        }
    };
    add(submit);

}

class CompoundModel implements Serializable {

    private boolean checkBx = false;

    private String someText = null;

    private String changeableTxt = null;

    public boolean isCheckBx() {
        return checkBx;
    }

    public void setCheckBx(boolean checkBx) {
        this.checkBx = checkBx;
    }

    public String getSomeText() {
        return someText;
    }

    public void setSomeText(String someText) {
        this.someText = someText;
    }

    public String getChangeableTxt() {
        return changeableTxt;
    }

    public void setChangeableTxt(String changeableTxt) {
        this.changeableTxt = changeableTxt;
    }

}
}

使用以下html：

<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<wicket:panel>
    <form wicket:id="form">
        <div wicket:id="feedbackPanel" />
        <input type="text" wicket:id="someText"  /><br />
        <form wicket:id="checkBoxForm">
            <input type="checkbox" wicket:id="checkBx" /><br />
            <input type="text" wicket:id="changeableTxt" /><br />
        </form>
    </form>
    <a wicket:id="submit">submit</a>
</wicket:panel>

在Wicket中提交表单后，AjaxFormComponentUpdatingBehaviour问题

1 个答案: