部分内部的BeginCollectionItem部分行为不正常

时间:2015-09-05 12:17:38

标签: c# ajax asp.net-mvc

我正在尝试使用Joe Steven博客here中讨论的BeginCollectionItem的编辑版本,通过MVC 5中的表单提交立即绑定我的所有模型数据。

模型CompanyList<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");
            }

1 个答案:

答案 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;
        });