Динамически добавлять компоненты в ListView в Wicket - PullRequest
Новая
       8

Динамически добавлять компоненты в ListView в Wicket

4 голосов
/ 22 января 2010

Я хочу сделать форму с помощью кнопки «Добавить». После нажатия кнопки «Добавить» новая панель добавляет в калитку элемент ListView. Как я могу это сделать? Я хочу иметь возможность добавлять неограниченное количество строк.

EDIT:

InteractivePanelPage.html 

<table>
    <tr>
        <td><a href="#" wicket:id="addPanelLink">Add Panel</a></td>
    </tr>
    <tr wicket:id="interactiveListView">
        <td>
        <span wicket:id="interactiveItemPanel"></span>
        </td>
    </tr>
</table>

InteractivePanelPage.java 

// ... imports
public class InteractivePanelPage extends WebPage {
    public LinkedList<InteractivePanel> interactivePanels = new LinkedList<InteractivePanel>();

    private ListView<InteractivePanel> interactiveList;

    public InteractivePanelPage() {
        add(new AjaxLink<String>("addPanelLink") {
            private static final long serialVersionUID = 1L;

            @Override
            public void onClick(AjaxRequestTarget target) {
                try {
                    System.out.println("link clicked");

                    InteractivePanel newInteractivePanel = new InteractivePanel(
                            "interactiveItemPanel");
                    newInteractivePanel.setOutputMarkupId(true);

                    interactiveList.getModelObject().add(newInteractivePanel);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        });

        interactivePanels.add(new InteractivePanel("interactiveItemPanel"));

        interactiveList = new ListView<InteractivePanel>("interactiveListView",
                new PropertyModel<List<InteractivePanel>>(this, "interactivePanels")) {
            private static final long serialVersionUID = 1L;

            @Override
            protected void populateItem(ListItem<InteractivePanel> item) {
                item.add(item.getModelObject());
            }
        };

        interactiveList.setOutputMarkupId(true);

        add(interactiveList);
    }

    public List<InteractivePanel> getInteractivePanels() {
        return interactivePanels;
    }
}

InteractivePanel.html 

<html xmlns:wicket>
<wicket:panel>
<span><input type="button" value="BLAAA" wicket:id="simpleButton"/></span>
</wicket:panel>
</html>

InteractivePanel.java 

// ... imports
public class InteractivePanel extends Panel {
    private static final long serialVersionUID = 1L;

    public InteractivePanel(String id) {
        super(id);

        add(new Button("simpleButton"));
    }
}

Это просто не работает. Кто-нибудь может понять почему? Спасибо

1 Ответ

3 голосов
/ 22 января 2010

Полагаю, вы уже отображаете список элементов в ListView? Вы просто добавляете новые элементы в список, которые создают резервную копию вашего ListView. Учтите, что ListView не обновит элементы, если вы передадите List в конструкторе.

Итак, вместо 

List<Person> personList = new LinkedList<Person>();
ListView<Person> personView = new ListView<Person("listview", personList);

Вы должны использовать Модель, которая упаковывает Список: 

ListView<Person> personView = new ListView<Person("listview"
               , new PropertyModel<List<Person>>(this, "personList");

вместе с аксессором getPersonList () в этом.

Вы можете взглянуть на Legup и создать архетип Wicket, Spring, JPA. В коде вы найдете EventPage, который делает это.

...