时间戳

首页 > 解决方案 > 如何从部分视图 ViewModel 获取数据到主 ViewModel

c# - 如何从部分视图 ViewModel 获取数据到主 ViewModel

问题描述

我正在使用 ASP.net MVC5 创建一个 POC 应用程序。我想要一个顶级视图模型，其中包含部分视图中所有视图模型的数据。但是，当我提交表单时，它不会将模型中的数据传递到我有些预期但不希望发生的顶层。

查看模型

public class InvoiceViewModel
{
    public InvoiceInfo InvoiceInfo { get; set; }
}

public class InvoiceInfo
{
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
    public DateTime DateRaised { get; set; } = DateTime.Now;
    public int InvoiceNo { get; set; }
    public DateTime FromDate { get; set; }
    public DateTime ToDate { get; set; }
    public Currency InvoiceCurrency { get; set; }
}

表单提交功能

[HttpPost]
public ActionResult CreateInvoice(InvoiceInfo vm)
{
    if (ModelState.IsValid)
    {
        vm.FromDate = vm.ToDate;
    }

    return View(vm);
}

使用“InvoiceViewModel”的主 razer 视图

@using (Html.BeginForm("CreateInvoice", "Invoice", FormMethod.Post))
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <hr />
        @Html.Partial("_InvoiceInfo", Model.InvoiceInfo)

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

部分视图“_InvoiceInfo”

<div class="form-horizontal">
    <h4>InvoiceInfo</h4>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="form-group">
        @Html.LabelFor(model => model.DateRaised, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.DateRaised, new { htmlAttributes = new { @class = "form-control datepicker" } })
            @Html.ValidationMessageFor(model => model.DateRaised, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.InvoiceNo, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.InvoiceNo, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.InvoiceNo, "", new { @class = "text-danger" })
        </div>
    </div>
ETC...

因此，当我单击提交时，我希望 InvoiceInfo 对象包含所有相关数据的 InvoiceViewModel 对象。这可能是不可能的，但任何帮助将不胜感激。

标签： c#asp.net-mvcrazor

解决方案

它更容易做到InvoiceInfo : InvoiceViewModel。Razor@model InvoiceViewModel以这种方式拥有两个模型的所有属性。

推荐阅读