我在 Spring 天遇到动态表单的问题 . 在我们的表单中,我们要指定 Headers ,并添加一些问题 . 我们有一个“添加”按钮,用于使用jquery添加问题输入表单 .
我们的表格在要求时有一个问题栏 . 每次按下"add"按钮时都会添加额外的字段 . 提交时似乎没有提交额外的字段(第一个字段是由控制器接收的) . 为什么没有收到额外的字段?
我粗略地将我的代码基于this dynamic binding list example .
我的模型由一个"Report"类组成,它有一个"title"和一个"Researchquestion"列表 .
下面是两个模型类的简短版本 . Roo照顾所有的吸气者和制定者
@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:BindingResult和bean名称'researchquestions [1]'的普通目标对象都不能作为请求属性使用
appendquestion.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)方法,则formdata确实包含 researchquestions[0].question
但不包含 researchquestions\[1\].question
或按"add"按钮后添加的任何其他问题字段
@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";
}
Additional info (按照拉尔夫的要求)
在Spring生成的HTML下面,默认情况下,研究问题[0] . 问题处于表格状态,研究问题[1] . 在按下“添加”按钮后添加问题 .
<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的相关信息下方
我将"title"字段中的"This is the title","Question 1"字段中的"This is the first question"和"Question 2"字段中的"This is the second question"(通过按"add"按钮添加了该字段)中的"This is the second question" .
很明显,正在提交研究问题[0] . 问题,但在POST请求中根本没有提交研究问题[1] . 问题 .
Content-Type: application/x-www-form-urlencoded
Content-Length: 73
title=This+is+the+title&researchquestions%5B0%5D.question=This+is+the+first+question
My suspicions 第一个问题(默认情况下是形式)与后续问题之间的区别在于第一个问题使用 <spring:bind>
而后续问题没有 . 当我删除第一个问题的 <spring:bind>
标签时,也没有提交研究项[0] .
如上所述,将 <spring:bind>
添加到appendquestion.jspx时会出现IllegalStateException . 似乎spring搜索对象 researchquestions[1]
而不是 report.researchquestions[1]
java.lang.IllegalStateException:BindingResult和bean名称'researchquestions [1]'的普通目标对象都不能作为请求属性使用
1 回答
我找到了没有正确提交表单的原因 . 我在firebug中注意到以下HTML:
表单标记立即关闭,因此spring生成的HTML不正确 . 看来这是因为表格在表格内部切换
<table>
和<form:form>
标签解决了问题 .原始代码
工作版
在
<table>
中,只允许使用与表相关的标记,例如<tr>
<th>
和<td>
. 这可能是Spring立即关闭<form>
标签的原因 .