entity-framework - 更新相关实体

Question

AppUser身份模型：

public virtual ICollection<UserPhones> UserPhones { get; set; }

使用 Razor Pages，我调用局部视图，如下所示：

@await Html.PartialAsync("_NameAndID", Model.AppUser)

页面模型：

[BindProperty]
public AppUser AppUser { get; set; }

 public IActionResult OnGet()
    {
        AppUser = _userManager.Users
                //.Include(x => x.UserAddresses) //OMITTED BC USING LAZY LOADING
                .SingleOrDefaultAsync(x => x.UserName == 
                     _httpContext.HttpContext.User.Identity.Name).Result;

        return Page();
    }

在_NameAndID.cshtml中，我明确引用了UserPhones实体中的特定电话。和：

<input type="hidden" asp-for="UserPhones
   .SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).UserPhoneId" />

//other properties removed for brevity           

<div class="rvt-grid__item">
    <label asp-for="UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber">Mobile Phone</label>
    <input asp-for="UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber" autocomplete="tel" />
    <span asp-validation-for="UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber"></span>
</div>

在运行时，显式手机号码被正确加载。但是，当发布到public async Task<IActionResult> OnPostAsync()相关AppUser.UserPhones的是null. （问题）

你能帮我吗？

先感谢您！！！！

标签： entity-frameworkasp.net-corepartial-viewsrazor-pages

Answer 1

原因

asp-for不适用于这种情况。

考虑您的代码_NameAndID.cshtml：

<input asp-for="UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber" autocomplete="tel" />

请注意此处的 LINQ 扩展方法.SingleOrDefault(...)。这里asp-for不知道如何获取 的名称UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber，所以它只是将其渲染为PhoneNumber。结果，呈现的 html 将是：

<input autocomplete="tel" type="text" id="PhoneNumber" name="PhoneNumber" value="">

假设有人输入一个值911，当发布到服务器时，有效负载将是：

PhoneNumber=911

由于您在服务器端的页面模型是：

    [BindProperty]
    public AppUser AppUser{get;set;}

    public IActionResult OnGet()
    {
        // ...
    }

    public IActionResult OnPostAsync() 
    {
        return Page();
    }

请注意，该AppUser.UserPhones属性是一个集合。换句话说，AppUser需要一个像这样的有效载荷：

UserPhones[0].UserPhoneId=1&UserPhones[0].PhoneNumber=911&UserPhones[1].UserPhoneId=2&UserPhones[1].PhoneNumber=119

但是，您发送到服务器的是：

PhoneNumber=911

因此App.UserPhones将始终为 null 而AppUser.PhoneNumber属性将为911。

怎么修

首先，为了UserPhones自动绑定，我将类型更改App.UserPhones为IList<UserPhones>，以便我们可以使用索引语法

public class AppUser : IdentityUser{

    // public virtual ICollection<UserPhones> UserPhones { get; set; }
    public virtual IList<UserPhones> UserPhones { get; set; }

}

其次，不要使用复杂的查询asp-for，而是使用简单的索引语法。例如，如果您想发布一些UserPhones或全部发布UserPhones，您可以为每个字段添加一个索引：

@for(var i=0;i <Model.UserPhones.Count(); i++) {

    <div class="rvt-grid__item">
        <label asp-for="@Model.UserPhones[i].UserPhoneId"></label>
        <input asp-for="@Model.UserPhones[i].UserPhoneId"/>
        <label asp-for="@Model.UserPhones[i].PhoneNumber"></label>
        <input asp-for="@Model.UserPhones[i].PhoneNumber"/>
        <span asp-validation-for="@Model.UserPhones[i].PhoneNumber"></span>
    </div>
}

这样，当有人提交表单时，AppUser.UserPhones就会被正确设置。这是演示的屏幕截图：