Java Spring动态(可扩展)列表表单
我在春季遇到了动态表单的问题。在我们的表格中,我们要指定一个标题, 并添加一些问题。我们有一个“添加”按钮,可以使用添加问题输入表单 jquery 我们的表单在被请求时有一个问题字段。每次都会添加额外的字段 按下“添加”按钮。提交时,似乎没有添加额外字段 已提交(控制器收到第一个)。为什么不发送额外字段 我的代码大致基于 我的模型由一个类“Report”组成,该类具有 “标题”和“研究问题”列表。Java Spring动态(可扩展)列表表单,java,jquery,spring,dynamic-forms,Java,Jquery,Spring,Dynamic Forms,我在春季遇到了动态表单的问题。在我们的表格中,我们要指定一个标题, 并添加一些问题。我们有一个“添加”按钮,可以使用添加问题输入表单 jquery 我们的表单在被请求时有一个问题字段。每次都会添加额外的字段 按下“添加”按钮。提交时,似乎没有添加额外字段 已提交(控制器收到第一个)。为什么不发送额外字段 我的代码大致基于 我的模型由一个类“Report”组成,该类具有 “标题”和“研究问题”列表。 下面是两个模型类的简短版本。Roo负责所有的Getter和 二传手 其他信息(根据拉尔夫的要求)
下面是两个模型类的简短版本。Roo负责所有的Getter和 二传手 其他信息(根据拉尔夫的要求) 在Spring生成的HTML下面,是researchquestions[0]。默认情况下,问题的形式是researchquestions[1]。问题是在按下“添加”按钮后添加的 我的怀疑 第一个问题(默认形式)和后续问题之间的区别在于,第一个问题使用
,后续问题不使用。当我删除第一个问题的
标记时,researchquestions[0]也不会提交
如上所述,在将
添加到appendquestion.jspx时,我得到了一个非法状态异常。spring似乎在搜索对象researchquestions[1]
而不是报告。研究问题[1]
java.lang.IllegalStateException:既不是BindingResult也不是plain
bean名称“researchquestions[1]”的目标对象可根据请求提供
属性
我找到了表格提交不正确的原因。我注意到firebug中有以下HTML:
<form id="researchquestion" method="post" action="/site/admin/researchquestion/"></form>
表单标记立即关闭,因此spring生成的HTML不正确。
这似乎是因为表单在表中切换
,而
标记修复了问题
原始代码
工作版本
在
中,只允许使用与表相关的标记,例如
和
。这可能就是Spring立即关闭
标记的原因。Fritsie:请使用任何html工具(例如Firebug/Network、Firefox Http Live Headers等)检查参数onderzoeksvragen[0]和onderzoeksvragen[1]。。。已提交。并将你的观察结果添加到你的问题中因此,可以确定问题是在客户端还是服务器端请为2个项目添加一个html输出片段。我添加了您请求的信息,第二个researchquestion“researchquestion[1]”未提交。我将荷兰语术语翻译成英语,例如“onderzoeksvragen”现在是“researchquestion”,为什么当用户按下“add”按钮时,您会请求将额外的HTML添加到表单中,而不仅仅是在客户端(JavaScript中)构建HTML元素?通过AJAX检索内容时,尝试调用
时会出现IllegalStateException,因为没有可将表达式绑定到的命令/表单对象-因为这是一个完全独立的请求。如果这确实是HTML,而Http Post是针对两个输入字段都有值的,比我不明白的原因您是否使用一些dojo小部件扩展了字段?(然后我会尝试删除它们)——如果这没有帮助,那么我会将第二个字段添加到初始表单(ajax Relad),测试它是否有效,以及(如果有效)在HTML中搜索工作版本和非工作版本之间的差异。@Fritsie:matt b正确地指出了绑定错误的原因-第一步,您可以替换my hero!你的解决方案可能为我节省了一两天,我的朋友,你真是太好了!!
<div xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:form="http://www.springframework.org/tags/form"
xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:fn="http://java.sun.com/jsp/jstl/functions"
xmlns:spring="http://www.springframework.org/tags"
version="2.0">
<jsp:output omit-xml-declaration="yes"/>
<spring:url value="/admin/report/appendquestion" var="insert_url"/>
<script type="text/javascript">
$(document).ready(function() {
var questionPosition = 0;
$("#addQuestionButton").click(function() {
questionPosition++;
$.get("${insert_url}", { fieldId: questionPosition},
function(data){
$("#insertAbove").before($(data));
});
});
});
</script>
<div class="list_overview_box span-19">
<spring:url value="/admin/report/" var="form_url"/>
<div class="list_overview_content">
<table>
<form:form action="${form_url}" method="post" modelAttribute="report">
<tr>
<th class="span-3">Veld</th>
<th>Waarde</th>
<th class="span-5">Errors</th>
</tr>
<!-- Title -->
<tr class="row">
<td class="vmiddle aleft">Title</td>
<td><form:input path="title" /></td>
<td></td>
</tr>
<!-- the "add" button -->
<tr class="row">
<td class="vmiddle aleft">Researchquestions</td>
<td colspan="2"><input type="button" id="addQuestionButton" value="Add question" /></td>
</tr>
<!-- First Researchquestion -->
<spring:bind path="researchquestions[0].question">
<tr class="row">
<td class="vmiddle aleft">Question 1</td>
<td><form:input path="${status.expression}" /></td>
<td></td>
</tr>
</spring:bind>
<!-- Save button, extra question's are added here -->
<tr id="insertAbove" class="row">
<spring:message code="button.save" var="form_submit"/>
<td colspan="3"><input id="proceed" type="submit" value="${form_submit}" /></td>
</tr>
</form:form>
</table>
</div>
</div>
</div>
<jsp:root version="2.0"
xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:tiles="http://tiles.apache.org/tags-tiles"
xmlns:form="http://www.springframework.org/tags/form"
xmlns:spring="http://www.springframework.org/tags"
xmlns:roo="urn:jsptagdir:/WEB-INF/tags" >
<tr class="row">
<jsp:directive.page contentType="text/html;charset=UTF-8" />
<td class="vmiddle aleft">Question ${questionNumber +1}</td>
<td>
<form:input path="report.researchquestions[${questionNumber}].question" size="40" />
</td>
<td></td>
</tr>
</jsp:root>
@ModelAttribute("report")
public Report getReport(Long id) {
Report result;
if(id != null){
result = Report.findReport(id);
} else{
result = new Report();
}
//Make sure the List in result is an AutoPopulatingList
List<Researchquestion> vragen = result.getResearchquestions();
if(vragen == null){
result.setResearchquestions(new AutoPopulatingList<Researchquestion>(Researchquestion.class));
} else if(!(vragen instanceof AutoPopulatingList)){
result.setResearchquestions(new AutoPopulatingList<Researchquestion>(
vragen, Researchquestion.class));
}
return result;
}
/**
* Aanmaken Report
* @param report
* @param result
* @param modelMap
* @return
*/
@RequestMapping(method = RequestMethod.POST)
public String create(@Valid @ModelAttribute("report") Report report,
BindingResult result, ModelMap modelMap) {
if (report == null) throw new InvalidBeanException("A report is required");
if (result.hasErrors()) {
modelMap.addAttribute("report", report);
return "admin/report/create";
}
report.persist();
//create questions
for(Researchquestion question : report.getResearchquestions()){
question.setProfielwerkstuk(report);
question.persist();
}
report.merge();
return "redirect:/admin/report";
}
@RequestMapping(value = "/appendquestion", method = RequestMethod.GET)
public String appendResearchquestionField(@RequestParam Integer fieldId, ModelMap modelMap){
modelMap.addAttribute("questionNumber", fieldId);
return "admin/report/appendquestion";
}
<tr class="row">
<td class="vmiddle aleft">Question 1</td>
<td>
<input id="researchquestions0.question" type="text" value=""
name="researchquestions[0].question">
</td>
<td></td>
</tr>
<tr class="row">
<td class="vmiddle aleft">Question 2</td>
<td>
<input id="researchquestions1.question" type="text" size="40" value="" name="researchquestions[1].question">
</td>
<td></td>
</tr>
Content-Type: application/x-www-form-urlencoded
Content-Length: 73
title=This+is+the+title&researchquestions%5B0%5D.question=This+is+the+first+question
<form id="researchquestion" method="post" action="/site/admin/researchquestion/"></form>
<table>
<form:form action="${form_url}" method="post" modelAttribute="report">
<!-- Code here -->
</form:form>
</table>
<form:form action="${form_url}" method="post" modelAttribute="report">
<table>
<!-- Code here -->
</table>
</form:form>