我在春天遇到了动态表格的问题。在我们的表单中,我们要指定一个标题,并添加一些问题。我们有一个“添加”按钮来使用 jquery 添加问题输入表单。
我们的表格在被要求时有一个问题字段。每次按下“添加”按钮时都会添加额外的字段。提交时,似乎没有提交额外的字段(控制器收到第一个字段)。为什么没有收到额外的字段被发送?
我的代码大致基于这个动态绑定列表示例。
我的模型由一个“报告”类组成,它有一个“标题”和一个“研究问题”列表。
下面是两个模型类的简短版本。Roo 负责所有的 getter 和 setter
@Entity
@RooJavaBean
@RooEntity
public class Report{
@Id
@GeneratedValue(strategy = GenerationType.AUTO)
@Column(name = "id")
private Long id;
@NotEmpty
private String title;
@OneToMany(mappedBy="report")
private List<Researchquestion> researchquestions;
}
@Entity
@RooJavaBean
@RooEntity
public class Researchquestion {
@Id
@GeneratedValue(strategy = GenerationType.AUTO)
@Column(name = "id")
private Long id;
@NotEmpty
private String question;
}
这里是表单的 jspx
<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>
下面是控制器在 jquery .get 请求之后返回的页面,我知道我需要<spring:bind>
像上面的表格一样使用它。但是,当我这样做时,我收到一个错误:
java.lang.IllegalStateException:Bean 名称“researchquestions[1]”的 BindingResult 和普通目标对象都不能用作请求属性
附加问题.jspx
<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 和@requestmapping 方法@ModelAttribute 方法确保AutoPopulatingList 实例中的List,但我不确定这是否是必需的。
如果我添加@RequestParam Map formdata
到create()
(POST)方法,那么表单数据确实包含researchquestions[0].question
但不包含researchquestions\[1\].question
在按下“添加”按钮后添加的任何其他问题字段
@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";
}
附加信息(根据 Ralph 的要求)
在Spring生成的HTML下面,researchquestions[0].question是默认的形式,点击“添加”按钮后添加researchquestions[1].question
<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>
在 Live HTTP Headers 的相关信息下方,
我在“标题”字段中输入了“这是标题”,在“问题 1”字段中输入了“这是第一个问题”,在“问题”中输入了“这是第二个问题” 2”字段(已通过按“添加”按钮添加。
很明显,正在提交 researchquestions[0].question,但在 POST 请求中根本没有提交 researchquestions[1].question。
Content-Type: application/x-www-form-urlencoded
Content-Length: 73
title=This+is+the+title&researchquestions%5B0%5D.question=This+is+the+first+question
我的怀疑
第一个问题(默认为形式)和后续问题之间的区别在于第一个问题使用<spring:bind>
而后续问题不使用。当我删除<spring:bind>
第一个问题的标签时,研究问题 [0] 也没有提交。
正如我上面解释的,在将 .jspx 添加<spring:bind>
到 appendquestion.jspx 时,我得到了一个 IllegalStateException。似乎弹簧搜索对象researchquestions[1]
而不是report.researchquestions[1]
java.lang.IllegalStateException:Bean 名称“researchquestions[1]”的 BindingResult 和普通目标对象都不能用作请求属性