模型传递给部分视图

Question

一直在四处寻找，但找不到我想要实现的直接解决方案。

我已尝试根据需要包含尽可能多的内容，但这是一个非常大的项目，因此希望您能掌握要点。

概述： 我有一个视图模型，其中包含多个对象列表。我使用两个部分视图来控制每个对象列表，一个用于收集对象列表（在会话中保存），另一个用于将所述对象的列表添加到列表中。

更新： 根据评论-我要做的如下-在索引中，填写通过addToListPartialView显示的现有Ip模型信息，然后它将发布到ListPartialView以通过会话更新列表，在后端处理控制器，它将依次显示在索引上 - 最终的问题是，我如何实现这一点？

问题： 我遇到的问题是，一旦我通过部分视图将对象添加到对象列表、另一个部分视图中，我该如何将其传递回主视图？

代码：

控制器

public ActionResult AddExistingIp([Bind(Include = "Subnet, Cidr, Mask")]ExistingIp existingIp)
        {
            if(Session["pa_ipv4Session"] != null)
            {
                pa_ipv4 pa_ipv4 = (pa_ipv4)Session["pa_ipv4Session"];
                if(pa_ipv4.ExistingIps == null)
                {
                    pa_ipv4.ExistingIps = new List<ExistingIp>();
                }
                pa_ipv4.ExistingIps.Add(existingIp);
                ViewBag.pa_ipv4 = pa_ipv4.ExistingIps;

                return View("ExistingIpView", ViewBag.pa_ipv4);
            }
            else
            {
                pa_ipv4 pa_ipv4 = new pa_ipv4();
                Session["pa_ipv4Session"] = pa_ipv4;
                pa_ipv4.ExistingIps = new List<ExistingIp>();
                pa_ipv4.ExistingIps.Add(existingIp);
                ViewBag.pa_ipv4 = pa_ipv4.ExistingIps;

                return View("ExistingIpView", ViewBag.pa_ipv4);
            }

索引：

@model ViewModel
<div id="ExistingIpList">
                    @{Html.RenderPartial("ExistingIpView");}
                </div>
                <div id="addExisting">
                    @{Html.RenderPartial("AddExistingIp");}
                </div>

列出部分

@model IEnumerable<ExistingIp>

@if (Model != null)
{
    foreach (var ei in Model)
    {
        <div class="ui-grid-c ui-responsive">
            <div class="ui-block-a">
                <span>@ei.Subnet</span>
            </div>
            <div class="ui-block-b">
                <span>@ei.Cidr</span>
            </div>
            <div class="ui-block-c">
                <span>@ei.Mask</span>
            </div>
            <div class="ui-block-d">
                @ei.Id
                <a href="#" class="deleteExistingIp" cssclass="ui-btn ui-corner-all ui-shadow">Delete</a>
            </div>
        </div>
    }
}

部分添加到列表：

@using (Html.BeginForm("AddExistingIp", "PA_IPV4"))
{
    <div class="ui-grid-c ui-responsive">
        <div class="ui-block-a">
            <span>
                @Html.EditorFor(m => m.Subnet)
                @Html.ValidationMessageFor(m => m.Subnet)
            </span>
        </div>
        <div class="ui-block-b">
            <span>
                @Html.EditorFor(m => m.Cidr)
                @Html.ValidationMessageFor(m => m.Cidr)
            </span>
        </div>
        <div class="ui-block-c">
            <span>
                @Html.EditorFor(m => m.Mask)
                @Html.ValidationMessageFor(m => m.Mask)
            </span>
        </div>
        <div class="ui-block-d">
            <span>
                @Html.EditorFor(m => m.Id)
                @Html.ValidationMessageFor(m => m.Id)
            </span>
        </div>
    </div>
    <div data-role="main" class="ui-content">
        <div data-role="controlgroup" data-type="horizontal">
            <input type="submit" id="addExistingIp" cssclass="ui-btn ui-corner-all ui-shadow" value="Add" />
        </div>
    </div>
}

视图模型：

public Contact ContactDetails { get; set; }
[Required]
public bool ExistingAddress { get; set; }
public List<ExistingIp> ExistingIps { get; set; }
[Required]
[DataType(DataType.MultilineText)]
public string ExistingNotes { get; set; }

Answer 1

您可以修改AddExistingIp 以仅存储数据。并制作一个RedirectToActionIndex。在那里，您将从Session 获取数据并将其传递给模型。

[HttpPost]
public ActionResult AddExistingIp([Bind(Include = "Subnet, Cidr, Mask")]ExistingIp existingIp)
{
    if(Session["pa_ipv4Session"] != null)
    {
        pa_ipv4 pa_ipv4 = (pa_ipv4)Session["pa_ipv4Session"];
        if(pa_ipv4.ExistingIps == null)
        {
            pa_ipv4.ExistingIps = new List<ExistingIp>();
        }
        pa_ipv4.ExistingIps.Add(existingIp);
    }
    else
    {
        pa_ipv4 pa_ipv4 = new pa_ipv4();
        Session["pa_ipv4Session"] = pa_ipv4;
        pa_ipv4.ExistingIps = new List<ExistingIp>();
        pa_ipv4.ExistingIps.Add(existingIp);
    }

    return RedirectToAction("Index");
}

Index 操作看起来与此类似，您从 Session 获取数据并在您的模型中使用它

public ActionResult Index()
{
    var viewModel = new ViewModel();

    // take data from Session
    pa_ipv4 pa_ipv4 = Session["pa_ipv4Session"] as (pa_ipv4);
    // some verification    
    // add the list from Session to model
    viewModel.ExistingIps = pa_ipv4.ExistingIps;

    return View(viewModel);
}

另外，我认为你的Index 视图你应该在ExistingIpView 你应该通过Model 来显示。

@model ViewModel
<div id="ExistingIpList">
    @{Html.RenderPartial("ExistingIpView", Model.ExistingIps);}
</div>
<div id="addExisting">
    @{Html.RenderPartial("AddExistingIp");}
</div>