我制作了一个 Spring MVC 应用程序,该应用程序向用户显示项目列表 - 我如何更改 JSP 中这些项目的顺序,以便将新订单提交到服务器?
例如,用户获得以下列表:
- 宠物猫
- 宠物狗
- 宠物鸟
该列表由以下表格组成:
<form:form action="/modifypetlist.do" method="POST" modelAttribute="petList">
<fieldset>
<div>
<ul id="sortable">
<c:forEach items="${petList.list}" varStatus="vs">
<li class="ui-state-default">
<form:label path="list[${vs.index}].pet">Pet</form:label>
<form:input path="list[${vs.index}].pet" />
</li>
</c:forEach>
</ul>
</div>
<input type="submit" value="send">
</fieldset>
</form:form>
我已经包含了一些 Javascript,使用户能够拖放列表中的行,例如将 Dog 线移到 Cat 线上方。
我如何将此信息传达给服务器?(如何从表单字段重建 petList 模型?)我目前可以在提交表单后读取服务器中的列表,但列表项按原始顺序排列,即使我更改了表单中的名称(例如 Cat --> 鼠标)