MVC4:嵌套的局部视图丢失模型数据

本文关键字：模型 数据 视图 局部 嵌套 MVC4 | 更新日期: 2023-09-27 18:29:04

在MVC4项目中，我使用部分视图，该视图使用ViewModel并具有GET Form。在Controller操作中，我希望ViewModel对象包含一些数据。当这个分部放置在普通（.cs.html）视图上时，我通过Controller操作中预期的ViewModel对象接收数据。但是，当这个分部放置在另一个分部视图上时，由于某种原因，控制器操作中的ViewModel对象为空。当我逐步创建HttpGet表单时，传入的模型不是空的，但当调用GET控制器操作时，模型是.

有人知道原因吗？这是我不知道的MVC行为吗？谢谢

部分：

@model ViewModel
    @if (Model != null)
    {
        using (Html.BeginForm("DoSomething", "Home", FormMethod.Get))
        { 
            @Html.HiddenFor(m => m.Object)            
            <input id="btnSend" type="submit"> 
        }
    }

其他部分：

@using OtherViewModel.ViewModel
@Html.Partial("The Partial", Model.ViewModel, ViewData)

视图：

@Html.Partial("_TheOtherPartial", Model.OtherViewModel, new ViewDataDictionary(ViewData) {
                TemplateInfo = new System.Web.Mvc.TemplateInfo { HtmlFieldPrefix = "prefix" }
    })

控制器

[HttpGet]
[AllowAnonymous]
public ActionResult DoSomething(ViewModel data)
{
}

MVC4:嵌套的局部视图丢失模型数据

这里有两件事需要考虑。第一个是尽量不要将表单放在局部视图中。如果你这样做，你可能会得到嵌套的表单，浏览器不支持这些表单，因为它不是有效的HTML:

<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- interactive form -->

-(FORM)构造不允许嵌套窗体。

第二件事是，我建议您使用编辑器模板，而不是局部视图。看看这里如何使用它们。接下来，正如我之前所说，尝试将表单保留在编辑器模板之外——在主视图中使用表单，并让编辑器模板呈现页面的不同部分。它将减少混乱，并产生更干净的代码。

在您的具体示例中，它可能看起来像这样：

主视图：

@model MainModel
@using (Html.BeginForm("YourAction", "YourController"))
{ 
    @Html.EditorFor(m => m.OtherViewModel)
    <input id="btnSend" type="submit"> 
}

OtherViewModel.cshtml编辑器模板：

@model OtherViewModel
@Html.EditorFor(m => m.ViewModel)

ViewModel.cshtml编辑器模板：

@model ViewModel
@Html.EditorFor(m => m.Object)

主控制器：

public ActionResult YourAction(MainModel data)
{
    ...

型号：

public class MainModel
{
    public MainModel() { OtherViewModel = new OtherViewModel(); }
    public OtherViewModel OtherViewModel { get; set; }        
}
public class OtherViewModel
{
    public OtherViewModel() { ViewModel = new ViewModel(); }
    public ViewModel ViewModel { get; set; }
}
public class ViewModel
{
    public string Object { get; set; }
}

请注意，模板名称反映了模型类型名称。接下来，将模板放在此~/Views/Shared/EditorTemplates/或~/Views/YourController/EditorTemplates/目录下。

或者，您可以将在"视图"中获得的与原始模型相同的模型传递给"其他部分"，然后再次传递给"部分"，同时只使用所需的部分对应的视图。

相关文章：