Question

I’m trying to implement an AJAXfied Wicket list view. On my research I stumbled upon the code on this site and modified it a bit.

The model is not updated properly. So whenever a value is entered in a text field, it is forgotten if the AJAX submit link is invoked (the text field is empty). Why does this happen? I don’t see any issue with this code. Wicket version is 1.5.2.

Here is the Java code:

// Initialization of form
...

// List all rows
ArrayList<String> rows = new ArrayList<String>(2);
rows.add(new String());
rows.add(new String());

final ListView<String> lv = new ListView<String>("rows", rows) {
    @Override
    protected void populateItem(ListItem<String> item) {
        int index = item.getIndex() + 1;
        item.add(new Label("index", index + "."));

        TextField<String> text = new TextField<String>("text", item.getModel());
        item.add(text);
    }
};
rowPanel.add(lv);

    AjaxSubmitLink addLink = new AjaxSubmitLink("addRow", form) {

    @Override
    protected void onError(AjaxRequestTarget target, Form<?> form) {
        if (target != null) target.add(rowPanel);       
    }

    @Override
    protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
        lv.getModelObject().add(new String());
        if (target != null) target.add(rowPanel);
    }
};
addLink.setDefaultFormProcessing(false);
rowPanel.add(addLink);
...

And here is the mark up:

<div wicket:id="rowPanel">
    <span wicket:id="rows">
        <span wicket:id="index">1.</span>
        <input type="text" wicket:id="text"/>
    </span>
    <a href="#" wicket:id="addRow">Add row</a>
</div>

Answer 1

My previous comment as anwser:

You may need to call setReuseItems(true) on the listview.

Another way of ajaxifying a listview can be found at the Wicket in Action blog