MVC 3 Razor Form Post w/ 多个强类型的部分视图不绑定

Posted 2023-03-27

【中文标题】MVC 3 Razor Form Post w/ 多个强类型的部分视图不绑定

【英文标题】：MVC 3 Razor Form Post w/ Multiple Strongly Typed Partial Views Not Binding

【发布时间】：2012-01-25 09:38:21

【问题描述】：

我很好奇在一个表单中使用多个强类型分部的方法是否是正确的 MVC 处理方法。主视图与以下模型绑定，为简洁起见省略了其他几个属性和数据注释：

public class AccountSetup : ViewModelBase

    public bool TermsAccepted  get; set; 
    public UserLogin UserLogin  get; set; 
    public SecurityQuestions SecurityQuestions  get; set; 


public class UserLogin

    public string LoginId  get; set; 
    public string Password  get; set; 

Register.cshtml 主视图的标记并不完全在下面，但下面是这样使用部分的：

@model Models.Account.AccountSetup

. . . <pretty markup> . . . 

@using (Html.BeginForm("Register", "Account", FormMethod.Post))
 
     . . . <other fields and pretty markup> . . . 

     @Html.Partial("_LoginAccount", Model.UserLogin)
     @Html.Partial("_SecurityQuestions", Model.SecurityQuestions)

     <input id="btnContinue" type="image" />

_LoginAccount 的部分视图仅供参考，已删除多余的标记。

@model Models.Account.UserLogin

<div>
     @Html.TextBoxFor(mod => mod.LoginId)

     @Html.PasswordFor(mod => mod.Password)
</div>

问题出在注册的表单上，其中包含在部分中的 AccountSetup 属性为空。但是，如果我将各个模型添加到方法签名中，它们就会被填充。我意识到这是因为当字段呈现时，ID 会发生变化，因此它们看起来像 Register 视图的 _LoginId ，因此它不会映射回 AccountSetup 模型。

不获取 accountSetup.UserLogin 或 accountSetup.SecurityQuestions 的值

    [HttpPost]
    public ActionResult Register(AccountSetup accountSetup)
    

获取 userLogin 和 securityQuestions 的值

    [HttpPost]
    public ActionResult Register(AccountSetup accountSetup, UserLogin userLogin, SecurityQuestions securityQuestions)
    

问题是如何将这些映射回包含视图 (AccountSetup) 模型的属性，而不必为了取回值而将部分模型添加到方法签名中？这是在主视图中使用强类型分部视图的坏方法吗？

【参考方案1】：

这是因为您的 Partial 视图是强类型的。删除 Partials 中的 @model 声明并像这样访问模型属性

@Html.Partial("_LoginAccount")

然后在你的部分

<div>
     @Html.TextBoxFor(mod => mod.UserLogin.LoginId)
     @Html.PasswordFor(mod => mod.UserLogin.Password)
</div>

【讨论】：

如果我认为执行以下操作会比建议的更改更好：@Html.TextBoxFor(mod => mod.LoginId, new Id = "UserLogin_LoginId" ) 如果我按照我的建议，我最终会将该部分特定于主视图的强类型模型属性。如果我有另一个视图想要使用相同的部分，但 UserLogin 属性只是简单地命名为 LoginCredentials，该怎么办？然后我又回到了几乎只是将标记重新放在我的主视图中更好，因为它没有解决我原来的问题。

【参考方案2】：

所有部分视图都应使用相同的视图模型（在您的情况下为 AccountSetup）进行强类型化：

@model Models.Account.AccountSetup

@Html.TextBoxFor(mod => mod.UserLogin.LoginId)
@Html.PasswordFor(mod => mod.UserLogin.Password)

然后：

@Html.Partial("_LoginAccount", Model)