根据具有启发性的Scott Hanselman文章中关于ASP.NET Wire Format for Model Binding to Arrays, Lists, Collections, Dictionaries的复杂性：
我们通过查找parameterName[index].PropertyName来读取属性
索引必须从零开始，并且是连续的
所以这个HTML：
<input type="text" name="People[0].FirstName" value="George" />
<input type="text" name="People[1].FirstName" value="Abraham" />
<input type="text" name="People[2].FirstName" value="Thomas" />
它将像这样发布：
但是，如果我通过AJAX将新人员加载到模型中，则会丢失将该人员构建到模型中的上下文，并获得以下输出：
<input type="text" name="FirstName" value="New" />
模型绑定器不会将其拾取。
问：在AJAX上动态添加新元素时，如何保留表达式树？
这是MVCE
型号：/Model/Person.cs
public class PersonViewModel
{
public List<Person> People { get; set; }
}
public class Person
{
public String FirstName { get; set; }
public String LastName { get; set; }
}
控制器：Controllers/PersonController.cs
[HttpGet]
public ActionResult Index()
{
List<Person> people = new List<Person> {
new Person { FirstName = "George" , LastName = "Washington"},
new Person { FirstName = "Abraham" , LastName = "Lincoln"},
new Person { FirstName = "Thomas" , LastName = "Jefferson"},
};
PersonViewModel model = new PersonViewModel() {People = people};
return View(model);
}
[HttpPost]
public ActionResult Index(PersonViewModel model)
{
return View(model);
}
public ActionResult AddPerson(String first, String last)
{
Person newPerson = new Person { FirstName = first, LastName = last };
return PartialView("~/Views/Person/EditorTemplates/Person.cshtml", newPerson);
}
查看：Views/Person/Index.cshtml
@model PersonViewModel
@using (Html.BeginForm()) {
<table id="table">
<thead>
<tr>
<th>@Html.DisplayNameFor(model => model.People.First().FirstName)</th>
<th>@Html.DisplayNameFor(model => model.People.First().LastName)</th>
</tr>
</thead>
<tbody>
@for (int i = 0; i < Model.People.Count; i++)
{
@Html.EditorFor(model => model.People[i])
}
</tbody>
</table>
<input type="button" value="Add Person" id="add"/>
<input type="submit" value="Save" />
}
<script type="text/javascript">
$("#add").click(function() {
var url = "@Url.Action("AddPerson")?" + $.param({ first: "", last: "" });
$.ajax({
type: "GET",
url: url,
success: function(data) {
$("#table tbody").append(data);
}
});
});
</script>
查看：Views/Person/EditorTemplates/Person.cshtml
@model Person
<tr>
<td>@Html.EditorFor(model => model.FirstName)</td>
<td>@Html.EditorFor(model => model.LastName)</td>
</tr>
注意：删除我本身不打算解决的项目时，还有其他复杂性。我只想添加一个元素，并知道它与其他属性一起属于嵌套上下文。
参考方案
您可以像这样install Html.BeginCollectionItem实用程序：
PM> Install-Package BeginCollectionItem
然后像这样包装您的收藏品局部视图：
@model Person
<tr>
@using (Html.BeginCollectionItem("people"))
{
<td>@Html.EditorFor(model => model.FirstName)</td>
<td>@Html.EditorFor(model => model.LastName)</td>
}
</tr>
它将生成一个GUID驱动的集合，如下所示：
<tr>
<input type="hidden" name="people.index" autocomplete="off"
value="132bfe2c-75e2-4f17-b54b-07e011971d78">
<td><input class="text-box single-line" type="text" value="Abraham"
id="people_132bfe2c-75e2-4f17-b54b-07e011971d78__FirstName"
name="people[132bfe2c-75e2-4f17-b54b-07e011971d78].FirstName"></td>
<td><input class="text-box single-line" type="text" value="Lincoln"
id="people_132bfe2c-75e2-4f17-b54b-07e011971d78__LastName"
name="people[132bfe2c-75e2-4f17-b54b-07e011971d78].LastName"></td>
</tr>
现在，我们获得了如下所示的表单数据：
这利用了DefaultModelBinder，它允许非连续索引为explained by Phil Haack：
好消息是，通过引入额外的隐藏输入，您可以允许任意索引。对于需要绑定到列表的每个项目，只需提供带有.Index后缀的隐藏输入即可。每个隐藏输入的名称都相同，这将为模型绑定器提供一个不错的索引集合，以便在绑定到列表时进行查找。
立即，您的模型应该可以很好地构建，但是您也可以添加和删除项目。
进一步阅读
A Partial View passing a collection using the Html.BeginCollectionItem helper
Submit same Partial View called multiple times data to controller?
Model Binding To A List - Phil Haack
有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同？我只希望下面的div提交值，单选按钮很丑代码输出如下：<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…
故障排除“警告:session_start():无法发送会话高速缓存限制器-标头已发送” - php我收到警告：session_start（）[function.session-start]：无法发送会话缓存限制器-标头已发送（错误输出开始如果我将表单数据提交到其他文件进行处理，则可以正常工作。但是，如果我将表单数据提交到同一页面，则会出现此错误。请建议<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0…
将asp.net.core 2.0应用发布到IIS时JavaScript无法运行 - javascript我是这里的新手。我有一个VS2017 asp.net C＃Web应用程序。我目前不在使用Angular。这是一个简单的网站。我隐藏了div，当用户单击菜单项时，相关的div出现，而我隐藏了其余的div。我使用JavaScript完成此任务。在开发和IIS Express中，它可以工作。当我发布到IIS时，它不起作用。静态页面显示“确定”，但菜单按钮不执行任何…
使用Java脚本基于另一个控件项来验证ASP.NET C＃控件 - c#我正在尝试确保一个下拉框或另一个下拉框具有选定的条目，不能两者都选，并且不能都留空/未选择。每次单击运行javascript验证代码的搜索按钮时，即使我只是从一个下拉列表中选择，甚至从两个下拉列表中都没有选择，我都会收到一条消息，好像在两个下拉框中都选择了一样！这可能是我的逻辑，但是，我认为也可能是我的变量读为null。是否有人对问题可能是什么以及如何解决这…
将python scikit学习模型导出到pmml - python我想将python scikit-learn模型导出到PMML。哪个python软件包最合适？我阅读了有关Augustus的内容，但是我无法使用scikit-learn模型找到任何示例。 python大神给出的解决方案 SkLearn2PMML是 JPMML-SkLearn命令行应用程序周围的薄包装。有关受支持的Scikit-Learn Estimator和…