5

我无法动态地将组件添加到表单中。我要做的是：给用户一个下拉列表，其中包含他们可以选择的项目，如姓名、年龄、......

当用户按下 add: 时，1 个组件中有一个 (label + inputbox) 允许他们输入值。您可能认为我可以隐藏那些未选中的组件，但用户也可以将值添加到下拉列表中。

我遇到的问题是如何在 HTML 中没有 wicket:ids 的情况下添加和删除组件（标签+输入框）？

这就是我要添加的内容：

<wicket:panel>
  <div wicket:id="hldValue">
    <label wicket:id="lblValue"></label>
    <input type="text" wicket:id="value"/>
  </div>
</wicket:panel>

我在这里遇到的问题是 ID 始终是我想要动态命名的值。使用动态 HTML 创建这个组件是个好主意吗？我正在压倒一切getMarkupResourceStream并getCacheKey实现这一目标。我仍然觉得这不是正确的方法。还有其他建议吗？

4

2 回答 2

7

您需要一个 ListView，因为您可以拥有面板类型，一个模型，您可以在其中添加逻辑与列表视图，至少 2 个表单，一个用于 DropDown，其中用户选择数据也添加，最后另一个用于提交整个数据列表显示。您可以使用 AJAX，但它是可选的

为了了解如何将转发器（ListView 是高级转发器）与表单组件一起使用，您可以在此处查看以了解他的基本用法，在此处查看他与表单组件的用法，最后在此处了解如何将其与 AJAX 一起使用。

顺便说一句，我有一个例子，这只是代码的关键部分。

这是 ListView.class 上的 populateItem 方法

 @Override
 protected void populateItem(ListItem<ListViewModel> item) {     
     item.add(new TextField<Integer>("quantity", new PropertyModel<Integer>(item.getDefaultModelObject(),
     "averageQuantity"));
     item.add(new TextField<Integer>("position", new PropertyModel<Integer>(item.getDefaultModelObject(), "order"))
     .add(new IntegerValidator()));
     item.add(new Label("description", item.getModelObject().getName()));
     item.setOutputMarkupId(true);
 }

在其他地方，您应该将下拉列表添加到他自己的表单中，然后在提交时操作 listView 对象，例如

 // I use a AjaxButton to perform the user submit if you don't 
 // want use it, you should reload the entire page
 @Override
 protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
     //redraw the parent of the list view 
     target.add(theContainerOfTheListView);
     //the submited model of the dropdown
     ListViewModel item = form.getObject();                
     List<ListViewModel> list = listViewObject.getObject();
     list.add(item);
     //you could sort the list object in order to sort the listViewObject
 }

更新：在将新项目添加到列表视图之前，您应该提交列表视图的表单组件，如果您不这样做，您将失去用户更改

于 2012-11-20T23:33:30.510 回答
2

您不必从页面中添加/删除组件。可以使组件动态可见/不可见。用于setVisible(false)使组件不可见。这将是他们的初始状态。

您还需要调用setOutputMarkupPlaceholderTag(true)要动态隐藏/显示的组件。

当您需要组件可见时，请调用setVisible(true). 这可以由 Ajax 按钮的onClick()方法触发。

于 2012-11-18T23:04:37.437 回答