我正在尝试使用Joe Steven博客here中讨论的BeginCollectionItem的编辑版本,通过MVC 5中的表单提交立即绑定我的所有模型数据。
模型Company
有List<Pa_Ipv4>
,类Pa_Ipv4
又有List<IpAllocation>
,我想访问并保存到数据库的所有属性每个IpAllocation
中的Pa_Ipv4
。
IE:Model.pa_ipv4s[x].requestedIps[x].subnet
主页面使用的是模型Company
,其部分接受Pa_Ipv4
,部分接受IpAllocation
。
问题1:在我的控制器中,我为列表中的第一个项目(requestedIp)设置字符串属性,但是当我提交和回发时,属性({{1 }}为null,此属性需要进行硬编码,因为它在DB中供内部使用 - 为什么要重置?
原因:该属性不在post方法中,因此最初声明的内容将被丢弃,因为它不在最终帖子中。
可能的解决方案:在表单中使用隐藏属性,以便在发布表单并且用户无法访问该属性时显示该属性。
问题2: BeginCollectionItem正确地命名属性,IE:allocationType
,但只有初始模型,它忽略了其他任何创建的,我做错了什么?
原因:由IpAllocation BeginCollectionItem无法访问Pa_Ipv4部分BeginCollectionItem生成的前缀所需的GUID,因为只有初始内容具有正确的前缀,此后添加的任何内容都会丢失必要的前缀。
另一个可能的解决方案基本上是相同的概念,但不是使用div,而是使用html数据属性,以便它可以访问。
我认为我遇到的两个问题都与我如何设置控制器有关,但我也包含了下面的视图和模型。该模型包含所有属性,我的视图中已删除了大量这些属性以节省空间,因为这些不会导致问题。
创建
pa_ipv4s[8e075d50-a5fb-436f-9cef-85abfb6910e3].requestedIps[b693b83c-b6b1-4c42-b983-4d058e766d4c].subnet
Pa_Ipv4 Partial
@model Company
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm())
{
<div class="jumboservice">
<div data-role="page">
<div data-role="header">
<h2>PA IPv4 Request Form</h2>
</div>
<div class="ui-content" data-role="main">
<h3>Company Details</h3>
<div class="ui-grid-c ui-responsive">
<div class="ui-block-a">
<p class="lblStyle">Company Name</p>
<span>
@Html.EditorFor(m => m.name)
@Html.ValidationMessageFor(m => m.name)
</span>
</div>
</div>
</div>
<br />
@foreach (var i in Model.pa_ipv4s)
{
@Html.Partial("Pa_IPv4View", i)
}
<br />
<div data-role="main" class="ui-content">
<div data-role="controlgroup" data-type="horizontal">
<input type="submit" class="ui-btn" value="Create" />
</div>
</div>
</div>
</div>
}
<script type="text/javascript">
$(function () {
$('#addItemRIpM').on('click', function () {
$.ajax({
url: '@Url.Action("RequestedManager")',
cache: false,
success: function (html) { $("#editorRowsRIpM").append(html); }
});
return false;
});
$('#editorRowsRIpM').on('click', '.deleteRow', function () {
$(this).closest('.editorRow').remove();
});
});
</script>
RequestedIp Partial
@model Pa_Ipv4
@using (HtmlHelpers.BeginCollectionItem.HtmlPrefixScopeExtensions.BeginCollectionItem(Html,"pa_ipv4s"))
{
@Html.AntiForgeryToken()
<div class="ui-grid-c ui-responsive">
<div class="ui-block-a">
<p class="lblStyle">Subnet</p>
</div>
<div class="ui-block-b">
<p class="lblStyle">Size(CIDR)</p>
</div>
<div class="ui-block-c">
<p class="lblStyle">Mask</p>
</div>
<div class="ui-block-d">
</div>
</div>
@*Request IP Address Space List*@
<div id="editorRowsRIpM">
@foreach (var item in Model.requestedIps)
{
@Html.Partial("RequestedIpView", item)
}
</div>
@Html.ActionLink("Add", "RequestedManager", null, new { id = "addItemRIpM", @class = "button" })
}
控制器
@model IpAllocation
<div class="editorRow">
@using (HtmlHelpers.BeginCollectionItem.HtmlPrefixScopeExtensions.BeginCollectionItem(Html, "requestedIps"))
{
<div class="ui-grid-c ui-responsive">
<div class="ui-block-a">
<span>
@Html.TextBoxFor(m => m.subnet)
</span>
</div>
<div class="ui-block-b">
<span>
@Html.TextBoxFor(m => m.cidr)
</span>
</div>
<div class="ui-block-c">
<span>
@Html.TextBoxFor(m => m.mask)
<span class="dltBtn">
<a href="#" class="deleteRow">Remove</a>
</span>
</span>
</div>
</div>
}
</div>
模型
public ActionResult Create()
{
var cmp = new Company();
cmp.contacts = new List<Contact>
{
new Contact { email = "", name = "", telephone = "" }
};
cmp.pa_ipv4s = new List<Pa_Ipv4>
{
new Pa_Ipv4
{
ipType = "Pa_IPv4", registedAddress = false, existingNotes = "",
numberOfAddresses = 0, returnedAddressSpace = false, additionalInformation = "",
requestedIps = new List<IpAllocation>
{
new IpAllocation { allocationType = "Requested", cidr = "", mask = "", subnet = "" } // allocationType is null in cmp in the Create[HttpPost]
}
}
};
return View(cmp);
}
public ActionResult Pa_IPv4Manager()
{
return PartialView("Pa_IPv4View", new Pa_Ipv4());
}
public ActionResult RequestedManager()
{
return PartialView("RequestedIpView", new IpAllocation { allocationType = "Requested" }); // allocationType is null in cmp in the Create[HttpPost]
}
// POST: Pa_Ipv4/Create
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(Company cmp) //only one requestedIps count regardless of how many add
{
if (ModelState.IsValid)
{
db.companys.Add(cmp);
db.SaveChanges();
return RedirectToAction("Index");
}
答案 0 :(得分:2)
问题1解决方案:
Q1的问题是我在控制器中分配的属性值没有从表单帖子中解析回来,因为该属性不存在。
为属性添加了一个隐藏字段以纠正讨厌的null。
<div class="ui-block-a">
<span>
@Html.HiddenFor(m => m.allocationType)
@Html.TextBoxFor(m => m.subnet, new { @class = "checkFiller" })
</span>
</div>
问题2解决方案:
第一个模型的GUID作为第二个模型的前缀附加的问题主要是由于我使用AJAX向控制器操作方法发送数据的方式。
下面显示的代码段可以解决问题并显示正确绑定的GUID。
name="pa_ipv4s[f7d8d024-5bb6-451d-87e3-fd3e3b8c1bba].requestedIps[d5c08a43-f65e-46d1-b224-148225599edc].subnet"
现在显示在动态创建的模型属性上,而不仅仅是最初创建的。
在visual studio中的调试中运行并将鼠标悬停在模型上时,深入查看数据会显示模型列表的正确计数。
控制器ActionMethod:
public ActionResult ExistingManager(string containerPrefix)
{
ViewData["ContainerPrefix"] = containerPrefix;
return PartialView("ExistingIpView", new IpAllocation { allocationType = "Existing" });
}
AJAX GET方法调用Controller ActionMethod:
$('#addItemEIpM').on('click', function () {
$.ajax({
url: '@Url.Action("ExistingManager")',
cache: false,
data: 'containerPrefix=' + $('#addItemEIpM').data('containerprefix'),
success: function (html) {
$("#editorRowsEIpM").append(html);
}
});
return false;
});