我想知道,列表是如何在Spring绑定的……以及如何在Thymeleaf中访问它们。无论有没有包装类,如何通过表单将单个/多个对象添加到ArrayList或普通数组中。。
我非常感谢你的解释。
这就是我尝试过的:形式
html prettyprint-override"><form action="#" th:action="@{/tests}" th:object="${features}" method="post">
<input type="text" th:field="*{featureArrayList[0].name}"/>
<input type="text" th:field="*{featureArrayList[1].name}"/>
<p><input type="submit" value="Submit" /> <input type="reset" value="Reset" /></p>
</form>
包装器类
ArrayList<Feature> featureArrayList = new ArrayList<Feature>();
public FeatureWrapper() {
}
public ArrayList<Feature> getFeatureArrayList() {
return featureArrayList;
}
public void setFeatureArrayList(ArrayList<Feature> featureArrayList) {
this.featureArrayList = featureArrayList;
}
型号:
private String name;
public Feature(String name) {
this.name = name;
}
public Feature() {
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
控制器
@GetMapping("/tests")
public String showForm(Model model)
{
FeatureWrapper featureWrapper = new FeatureWrapper();
model.addAttribute("features", featureWrapper);
return "Feature";
}
@PostMapping("/tests")
public String proceedForm(@ModelAttribute("features") FeatureWrapper features,Model model)
{
for(Feature feature: features.getFeatureArrayList())
{
System.out.println(feature.getName());
System.out.println(features.getFeatureArrayList().size());
}
return "Feature";
}
Edit1:现在它使用包装类并使用静态索引…没有包装类,我该如何实现这一点,我读了很多关于EL表达式${var.index},但这是如何工作的?我应该如何使用它来动态添加我的对象。Edit2:现在我可以添加单个对象,也可以添加多个对象到列表中,但我没有使用任何EL表达式,所以我想知道什么时候需要使用这样的东西:
<div th:each="feature,stat:*{featureArrayList}">
<input id="myInput" type="text" th:field="*{featureArrayList[__${stat.index}__].name}"/>
</div>
>
在普通的Thymeleaf表达式中,您可以直接使用变量作为索引。例如这样的表达式:
<th:block th:with="i=0">
<span th:text="${array[i]}" />
</th:block>
但是,th: field表达式是不同的。如果您阅读有关动态字段的部分:
问题是Spring EL不计算数组索引括号内的变量,因此当执行上述表达式时,我们会得到一个错误,告诉我们行[rowStat.index]
(而不是行[0]
,行[1]
等)不是行集合中的有效位置。这就是为什么这里需要预处理。
因此,当您使用th: field
将输入绑定到数组时,您必须使用预处理,这就是为什么您会看到这样的表达式:
<input type="text" th:field="*{featureArrayList[__${stat.index}__].name}"/>
pre { white-space: pre-wrap; } 本教程向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。表单(form)提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面。我们接收返回数据,并将它显
问题内容: 所以假设我有3种形式 每个表单都有自己的提交按钮 现在假设我有另一种形式 其唯一的功能是同时提交所有其他3种形式。…现在这里是约束: 当submitAll提交后,它必须使用Ajax这样做,并且最好通过POST将输入的数据从所有其他3种形式转发到processor.php processor.php需要能够区分输入到哪种形式…然后分别处理每种形式的输入 我的问题是..什么是使proces
问题内容: 我正在使用以下jQuery代码通过AJAX提交表单。 代码完美运行,没有ajax。 但是,如果我通过Ajax加载表单,则无法正常工作。 我认为这是因为JavaScript加载后通过ajax加载了表单。 有什么办法吗? 问题答案: 如果使用jQuery 1.7+,则可以尝试使用.on()委托事件并绑定到具有相同类的所有将来的表单。尝试查找没有动态插入的最接近的父代,而不是$(docume
问题内容: 好吧,我试图通过按Enter提交表单,但不显示提交按钮。我不希望尽可能地使用JavaScript,因为我希望所有功能都可以在所有浏览器上正常工作(我知道的唯一JS方式就是使用事件)。 现在,表单如下所示: 哪个效果很好。当用户按下Enter键时,提交按钮将起作用,并且该按钮在Firefox,IE,Safari,Opera和Chrome中不显示。但是,我仍然不喜欢该解决方案,因为很难知道
问题内容: 我想通过jquery ajax提交此表单,这是我所做的,并且不起作用。即表格提交与页面刷新,我没有看到响应,即在同一页面上打印数组。 的HTML PHP(submit.php) 问题答案: 使用此方法-出现一些语法错误,必须提交事件
问题内容: 感谢balexandre和rtiq,我的工作流程已经全部解决。我的.ashx文件正在被调用,所以我知道部分代码正在运行,并且警告我错误。当我跟踪.NET时,通过context.Request[“ email”]和context.Request [“ optin”]引入的变量为NULL。 我知道有什么问题,但看不到。我重新编辑了这篇文章,以获取最新的代码。 HEAD中的jQuery HT