17

我想知道在使用 SpringMVC 和 Spring 表单时是否有更简单/更好的方法来处理动态表单（通过 js 将表单项添加到 dom）？

具有包含许多 LineItems 的 Invoice 对象的图像。

public class Invocie {
    private List LineItems;

    public Invoice() {
        lineItems = ListUtils.lazyList(new ArrayList<LineItem>(), FactoryUtils.instantiateFactory(LineItem.class));
    }
}

显示属于我当前使用的发票的项目

<forEach items="${invoice.lineItems}" varStatus="i">
  <form:input path="lineItems[${i.index}].productName" />
</c:forEach>

要添加 LineItems，我有一些计算新索引并将其添加到 DOM 的 js。删除 LineItem 时，我目前必须重新编号所有索引，这是我想避免的部分，这可能吗？

4

4 回答 4

11

我已经实现了一个教程，可以帮助您在客户端使用 jQuery 和 Springs AutoPopulating 列表来解决这个问题，为您形成支持对象。

http://eggsylife.co.uk/2009/11/30/spring-forms-dynamic-lists-and-ajax/

来自 Webarchive 的编辑链接https://web.archive.org/web/20160729163958/http://eggsylife.co.uk/2009/11/30/spring-forms-dynamic-lists-and-ajax/

于 2009-12-01T17:03:55.880 回答
3

你可以使用以下

public class InvoiceController extends SimpleFormController {

    protected void initBinder(HttpServletRequest request, ServletRequetDataBinder binder) throws Exception {
        binder.registerCustomEditor(List.class, "lineItems", new CustomCollectionEditor(List.class)() {
            protected Object convertElement(Object lineItem) {
                LineItem li = (LineItem) lineItem;

                // StringUtils is a jakarta Commons lang static class
                return (StringUtils.isBlank(li.getProductName())) ? null : li;
            }

        });
    }

}

然后在 onBind 方法中，根据以下内容删除空引用：

protected void onBind(HttpServletRequest request, Object command, BindException bindException) throws Exception {
    Invoice invoice = (Invoice) command;

    invoice.getLineItems().removeAll(Collections.singletonList(null));
}

问候，

于 2009-06-23T08:40:38.963 回答
1

我今天一直在努力解决这个问题，并想出了这里描述的一些解决方案。

于 2010-12-29T19:57:27.517 回答
1

我发现在 JSP 中添加/设置项目时，还需要使用 GrowthList 进行装饰以避免一些错误。（还创建了一个自定义的 SpringList impl。基本上做了双重装饰。）

lineItems = GrowthList.decorate(ListUtils.lazyList(new ArrayList<LineItem>(), FactoryUtils.instantiateFactory(LineItem.class)));

我同意。问题当然是删除项目。

您可以做的是在 html 中使用spring 标记语法。因此，如果您使用 javascript 从列表中删除一个项目（例如在索引 2 处），那么您将使用以下标记该索引：

<input type="hidden" name="_lineItems[2]">

然后，当提交表单时，spring 将看到标记并为 lineItems 2放入一个空项目（基于惰性列表工厂），而不是忽略它。

于 2009-07-14T00:05:44.880 回答