arrays - 如何使用 Apache Wicket 处理单个表单上的多个模型实例？

Question

我正在使用 Wicket 生成一个表单，以允许用户为多个模型对象设置值。每个模型对象都有两个字段:operNam 和 slaNam。 operNam 值列表取自参数字符串 operationNames，我按如下所示拆分此空格分隔的列表，并将每个值放入名为 myListResult< 的 ArrayList 中.

String result = parameters.getString("operationNames");
        //split list
        ArrayList<String> myListResult = new ArrayList<String>(Arrays.asList(result.split(" ")));
        for (String word : myListResult) {
            System.out.println("===>" +  word);
        }

我想要做的是为用户创建一个表单，其中 myListResult 中的每个条目都有两个元素。我添加一个包含 myListResult 中每个操作名称的值的 TextField 和一个空的 TextField 以允许用户输入 的值slaNam。我当前用于执行此操作的代码如下:

for(String operation : myListResult) {
    form.add(new TextField<String>("operNam" , new PropertyModel<String>(operation, "operNam")));   
    form.add(slaNam);
}
add(form);

我遇到的问题是，上面的代码为 中的每个项目添加 TextField，其 id 值为 operNam myListResult 并且由于 html 中重复的 id 元素而引发错误。我也尝试这样做:

for(String operation : myListResult) {
    form.add(new TextField<String>(operation , new PropertyModel<String>(operation, "operNam")));   
    form.add(slaNam);
}
add(form);

这避免了重复 id 元素的问题，但会导致问题，因为现在我的表单元素没有映射到我的模型对象，该对象需要一个名为 operNam 的字段和另一个称为slaNam。

我的问题是

如何在不使用重复元素 id 名称的情况下创建代表任意数量模型的表单元素。

这是一张图片，展示了如果 myListResult 中有 4 个项目，我希望 html 的外观如何:

Answer 1

您应该使用Repeater来添加您的TextField。例如 ListView

ListView listview = new ListView("listview", list) {
    protected void populateItem(ListItem item) {
        item.add(new TextField("textField", item.getModel()));
    }
};

使用适当的 HTML:

<span wicket:id="listview">
   <input wicket:id="textField" type="text"></input><br/>
</span>

要在每行中使用多个字段，最简单的解决方案是使用包含这些字段的对象:

public class MyRow
{
    public String slaNam;
    public String operName;
}

并创建它们的列表:

List<MyRow> myRows = new ArrayList<>();

并在ListView中使用此列表

ListView<MyRow> listview = new ListView("listview", myRows)

您可以在populateItem中使用它

 protected void populateItem(ListItem<MyRow> item) {
        item.add(new TextField("slaNam", new ProperyModel(item, "slaNam")));
        item.add(new TextField("operName", new ProperyModel(item, "operNam")));
    }

或者，使用 ProperyListView 来减少代码:)