java 在 Wicket 中向 ListView 动态添加组件
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/2114351/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Dynamically add components to ListView in Wicket
提问by tefozi
I want to make a form with "Add" button. After pressing "Add" button new panel adds to the wicket ListView element. How do I do that? I want to be able add unlimited number of rows.
我想用“添加”按钮制作一个表格。按“添加”按钮后，新面板将添加到检票口 ListView 元素。我怎么做？我希望能够添加无限数量的行。
EDIT:
编辑：
InteractivePanelPage.html
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
<html xmlns:wicket>
<wicket:panel>
<span><input type="button" value="BLAAA" wicket:id="simpleButton"/></span>
</wicket:panel>
</html>
InteractivePanel.java
交互式面板.java
// ... imports
public class InteractivePanel extends Panel {
private static final long serialVersionUID = 1L;
public InteractivePanel(String id) {
super(id);
add(new Button("simpleButton"));
}
}
This simply doesn't work. Can anybody see why? Thanks
这根本行不通。有人能明白为什么吗？谢谢
采纳答案by bert
I suppose you already display a list of elements in a ListView? You than simply add new elements to the list that backup your ListView. Consider that the ListView will not refresh the items if you pass in the List in the constructor.
我想你已经在 ListView 中显示了一个元素列表？您不仅仅是将新元素添加到备份您的 ListView 的列表中。考虑到如果您在构造函数中传入 List，ListView 将不会刷新项目。
So, instead of
所以，而不是
List<Person> personList = new LinkedList<Person>();
ListView<Person> personView = new ListView<Person("listview", personList);
you should use a Model that wraps the List:
您应该使用包装列表的模型：
ListView<Person> personView = new ListView<Person("listview"
, new PropertyModel<List<Person>>(this, "personList");
along with a getPersonList() accessor in this.
以及一个 getPersonList() 访问器。
You can have a look at Legupand generate the Wicket, Spring, JPA archetype. In the code you will find a EventPage that does this.
您可以查看Legup并生成 Wicket、Spring、JPA 原型。在代码中，您将找到执行此操作的 EventPage。
