当前位置：文江博客话题详情

春天 + JQuery 动态绑定

发布于 2024-10-27 14:12:48 字数 300 浏览 1 评论 0原文

我是 Spring 新手，仍在学习。我想做一些更高级的表单处理。

目前我的问题是动态列表绑定。

我想要一个文本框、一个列表和添加按钮。什么是情景？用户填充文本框（带有自动完成功能）并点击添加按钮。启动添加操作后，列表将被填充，而不向服务器发出请求。用户向列表中添加更多项目，然后将表单提交到服务器。

什么是问题？

我不知道如何绑定列表或将动态数据传递到服务器。

目前，我已成功从控制器获取 JSON 响应以及自动完成列表。

Spring 表单适合这项任务吗？实施这个的正确方法是什么？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

删除→记忆 2024-11-03 14:12:48

这是我认为您想要实现的目标的一个尝试。首先：我假设问题不是自动完成/添加到列表，而是如何处理 MVC 端的列表。假设您的命令对象有一个属性“员工姓名”，定义为

List<String> getNames(){..}
void setNames(List<String>){..}

在 JSP 端，您可以像这样定义表单列表项：

<form:form>
   <c:forEach items="${command.names}" var="name" varStatus="status">
     <form:input path="names[${status.index}]" />
   </c:forEach>
</form:form>

使用 jQuery 使其“动态”的真正技巧是使用 下一个递增索引。因此，您可以在某个地方：

<script type="text/javascript">
var count = ${fn:length(command.names)};
function addToList()
{
   // add to form with name to "names[count]"
   count++;
}
</script>

将它们放在一起，将控制器 formBackingObject 中的列表设置为 AutoPopulatedList

这应该足以让您开始。

Here's a stab at what I think you're trying to achieve. First: I'm assuming the issue isn't autocomplete/add to list, but rather what to do with the list in the MVC side. Let's say your command object has a property "employee names," defined as

List<String> getNames(){..}
void setNames(List<String>){..}

On the JSP side, you define the form list items like so:

<form:form>
   <c:forEach items="${command.names}" var="name" varStatus="status">
     <form:input path="names[${status.index}]" />
   </c:forEach>
</form:form>

The real trick to making it "dynamic" with jQuery is to add to the form with the next increasing index. So somewhere you have:

<script type="text/javascript">
var count = ${fn:length(command.names)};
function addToList()
{
   // add to form with name to "names[count]"
   count++;
}
</script>

Putting it all together, you set the list in the controller formBackingObject to an AutoPopulatingList

That should be enough to get you started.

回复收藏 0 原文

~没有更多了~