JavaSpring动态(可扩展)列表表单
我在春季遇到了动态表单的问题。在我们的表格中,我们要指定一个标题, 并添加一些问题。我们有一个“添加”按钮,可以使用添加问题输入表单 jquery
我们的表单在被请求时有一个问题字段。每次都会添加额外的字段
按下“添加”按钮。提交时,似乎没有添加额外字段
已提交(控制器收到第一个)。为什么没有收到额外字段,正在发送
我的代码大致基于this dynamic binding list example
我的模型由一个类“Report”组成,该类具有
“标题”和“研究问题”列表。
下面是两个模型类的简短版本。Roo负责所有的Getter和
二传手
@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之后返回的页面。获取请求
我的想法是我需要像上面的表单一样使用<spring:bind>
。
但是,当我这样做时,我会得到一个错误:
java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name 'researchquestions[1]' available as request attribute
附加问题。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>
这里是控制器中的相关@modeldattribute和@requestmapping方法
@modeldattribute方法确保
自动推广英语,我不确定这是否需要
如果我将@RequestParam Map formdata
添加到create()
(POST)方法中,则formdata会执行此操作
包含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";
}
其他信息(根据拉尔夫的要求)
在Spring生成的HTML下面,researchquestions[0]。问题默认采用researchquestions[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头的相关信息
我在“标题”字段中插入了“这是标题”,在“问题1”字段中插入了“这是第一个问题”,在“问题2”字段中插入了“这是第二个问题”(通过按“添加”按钮添加)
很明显,研究问题[0]。问题正在提交,但研究问题[1]。问题根本没有在POST请求中提交
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>
标记时,researchquestions[0]也不会提交
如上所述,在将<spring:bind>
添加到问题时,我得到一个非法状态异常。jspx。spring似乎在搜索对象researchquestions[1]
而不是report.researchquestions[1]
java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name 'researchquestions[1]' available as request attribute
# 1 楼答案
我找到了表格提交不正确的原因。我注意到firebug中有以下HTML:
表单标记立即关闭,因此spring生成的HTML不正确。 这似乎是因为表单在表中切换了
<table>
和<form:form>
标记,解决了这个问题原始代码
工作版本
在}和
<table>
中,只允许使用与表相关的标记,例如<tr>
{<td>
。这可能就是Spring立即关闭<form>
标记的原因