如何在剃刀页面中将模型传递给_Layout.cshtml 页面中的局部视图

Question

我目前正在 Razor 页面中开发一个网络应用程序并且遇到了问题。

问题是我在每个页面上都有一个用于注册的 bootstrap Modal 表单。 所以我决定将它作为局部视图并将其包含在我的 _Layout 页面中，以便它出现在每个页面上。 但问题是我如何将模型（此处：RegisterModel）传递给它。 经过一番研究，我找到了以下解决方案。

创建一个基类（这里是： MyPageModel.cs ），它继承 PageModel 并包含一个引用我想要的模型的公共属性。 然后在我的所有页面中继承这个类来代替 PageModel。 但问题是，现在我在每个剃须刀页面上都绑定了 RegisterModel。

 public class MyPageModel : PageModel
    {
        [BindProperty]
        public RegisterModel RegisterModel { get; set; }

        public async Task<IActionResult> OnPostRegisterAsync()
        {

            if (ModelState.IsValid)
            {

                RegisterModel emailData = new()
                {
                    FirstName = RegisterModel.FirstName,
                    LastName = RegisterModel.LastName,
                    Mobile = RegisterModel.Mobile,
                    Email = RegisterModel.Email,
                    PreferredStream = RegisterModel.PreferredStream,
                    ProgramType = RegisterModel.ProgramType,
                    Board = RegisterModel.Board,
                    DistantLearning = RegisterModel.DistantLearning
                };

                int response = await SendFluentEmail.Send(emailData);

                return Content(response.ToString());
            }
            else
            {
                return Page();
            }

        }
    }

例如，我有一个联系我们页面，我在其中使用了不同的模型。 但是当调用此页面的 post 方法时，模型状态返回无效，因为之前与 RegisterModel 绑定。

public class contact_usModel : MyPageModel
    {
        [BindProperty]
        public ContactModel contact { get; set; }


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

      
        public async Task<IActionResult> OnPostContactAsync()
        {
            
            if (ModelState.IsValid)
            { 

                ContactModel sendData = new()
                {
                    FirstName = contact.FirstName,
                    LastName = contact.LastName,
                    Email = contact.Email,
                    Subject = contact.Subject,
                    Message = contact.Message
                };

                int response  = await SendFluentEmail.Send(sendData);

                return Content(response.ToString());
            }
            else
            {
                return Page();
            }

        }
    }

这就是我将模型传递给 _Layout 页面中的局部视图的方式。

<partial name="_RegisterModalView" model="Model.RegisterModel" />

这是我的 ContactModel

public class ContactModel
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string Email { get; set; }
        public string Subject { get; set; }
        public string Message { get; set; }
    }

这是我的注册模型

public class ContactModel
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string Email { get; set; }
        public string Mobile { get; set; }
        public string PreferredStream { get; set; }
        .
        .
        .
    }

那么我该如何解决这个问题呢？ 请帮忙。

Answer 1

如果你想验证 ContactModel，你可以尝试使用TryValidateModel ：

 if (TryValidateModel(contact))
    {
        ...
    }

如果还是不行，试试这个：

ModelState.Clear();
if (TryValidateModel(contact))
{
    ...
}