我有一个 ASP MVC 3 页面，它允许用户创建一个下拉列表并动态地向其中添加项目。例如，这是页面首次加载时的外观。
左侧的信息用于指定下拉列表将位于哪个页面（Navbar Item）以及我们将为下拉列表提供什么名称（显然Drop Down List Name）。
右侧 (Allowed Value和Display Value) 上的信息将是特定的下拉列表项。当用户单击Add Another链接时，Ajax 调用会转到控制器，返回一个局部视图，然后将其附加到Drop Down Items <fieldset>类似的内容：
问题是，一旦用户点击Submit按钮，所有项目都不会进入控制器。
我对 ASP MVC 还比较陌生，所以我想知道我是否以正确的方式进行此操作。这是将项目动态添加到列表的正确方法吗？
这是最初在控制器中创建此视图的方式
public ActionResult NewList()
{
List<DropDownValues> drop = new List<DropDownValues>();
drop.Add(new DropDownValues());
return View(drop);
}
创建一个类型列表DropDownValues并将其发送到视图，该视图在顶部有这个标签
@model IEnumerable<Monet.Models.DropDownValues>
下面的 Ajax 调用
<script>
$(document).ready(function () {
$("#addItem").click(function () {
if ($('#Field').text() != "" && $('#DisplayPage').text() != "") {
$.ajax({
url: '@Url.Action("BlankDropDownItem", "DropDownValues")',
data: { field: $('#Field').val(), displayPage: $('#DisplayPage').val() },
dataType: 'html',
cache: false,
success: function (html) {
$("#items").append(html);
}
});
} else {
alert("Please enter a Drop Down List Name and Navbar Item first!");
}
return false;
});
});
</script>
调用此控制器方法
public ActionResult BlankDropDownItem(string field, string displayPage)
{
DropDownValues partial = new DropDownValues();
partial.Field = field;
partial.DisplayPage = displayPage;
return PartialView("DropDownItemPartial", partial);
}
然后将此部分视图附加到主页
@model Monet.Models.DropDownValues
@Html.HiddenFor(model => model.Field)
@Html.HiddenFor(model => model.DisplayPage)
<div class="editor-label">
@Html.LabelFor(model => model.AllowedValue)
</div>
<div class="label-field">
@Html.EditorFor(model => model.AllowedValue)
@Html.ValidationMessageFor(model => model.AllowedValue)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.DisplayValue)
</div>
<div class="label-field">
@Html.EditorFor(model => model.DisplayValue)
@Html.ValidationMessageFor(model => model.DisplayValue)
</div>
我正在尝试使用隐藏字段以确保所有新项目都以正确的Field和Navbar Item值存储在数据库中（再次，不确定这是否是解决此问题的正确方法）。
任何意见/建议将不胜感激。谢谢！