Razor Pages OnPost - 父页面能否使用在创建时传递给其部分的相同部分模型？

Question

我查看了几个建议的帖子，并且一直在搜索类似的问题，但没有找到与此特定问题相关的任何内容。

我有一个使用了一些部分的 Razor 页面。

       public class TasksModel : PageModel
       {
            [BindProperty]
            public TaskModelCreate Create { get; set; }

            public TasksModel(ITaskService taskService, IHttpContextAccessor httpContextAccessor)
            {
                _taskService = taskService;
                _userId = GetUserId(httpContextAccessor);
                Create = new TaskModelCreate(_userId);
            }
            public async Task OnPostCreate()
            {
                // What I would like to do:
                // (Using this parameter: TaskModelCreate taskModel)
                await _taskService.CreateUserTask(taskModel.UserTask);

                // What I do now, which works but means that I will have to have a "GetX" method on a lot 
                // of things that just return a property:
                var task = await Create.GetTask(_userId);
                await _taskService.CreateUserTask(task);
            }
        }

TaskModelCreate 对象（部分页面的模型）：

        [BindProperty]
        public string Name { get; set; }
        [BindProperty]
        public string Description { get; set; }
        public bool IsCompleted { get; set; }
        public UserTask UserTask => new UserTask(UserId, Name, Description);

        public int UserId { get; set; } // For testing
        
        public TaskModelCreate(int userId)
        {
            UserId = userId;
        }

我已通过将 UserId 写入页面来验证部分模型是在 TasksModel 构造函数中创建的模型。

但是，当从视图提交新任务时，指定的 OnPost 方法总是接收到一个 TaskModelCreate 对象，其中 UserId 属性为 0（我在测试期间的 UserId 为 1）——这让我相信表单在发布时创建一个新的 TaskModelCreate。

Name 和 Description 属性已按预期填写。

有没有办法指定发布的对象应该是给定的对象，而不是新对象？

我正在使用 Asp.Net Core Razor Pages（非 MVC 版本）。

编辑：

我也被要求分享这些观点，所以他们在这里。

父视图：

@model MyApp.UserInterface.Pages.TasksModel
@{
    Layout = "_DashboardLayout";
    ViewData["Title"] = "Tasks";
}

<div class="container-fluid">
    <ul class="nav nav-tabs justify-content-start" id="taskTabs" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="tasksActive-tab" data-toggle="tab" role="tab" href="#tasksActive" aria-controls="Active Tasks" aria-selected="true">Active Tasks</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="tasksCreate-tab" data-toggle="tab" role="tab" href="#tasksCreate" aria-controls="Create Task" aria-selected="false">Create Task +</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="tasksStats-tab" data-toggle="tab" href="#tasksStats" aria-controls="Statistics" aria-selected="false">Your Stats</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="tasksArchive-tab" data-toggle="tab" href="#tasksArchive" role="tab" aria-controls="Archive" aria-selected="false">Archive</a>
        </li>
    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="tasksActive" role="tabpanel" aria-labelledby="tasksActive-tab">
            <partial name="TaskPartials/_active" model="Model.Active" view-data="@ViewData"/>
        </div>
        <div class="tab-pane fade" id="tasksCreate" role="tabpanel" aria-labelledby="tasksCreate-tab">
            <partial name="TaskPartials/_create" model="Model.Create" view-data="@ViewData"/>
        </div>
        <div class="tab-pane fade" id="tasksStats" role="tabpanel" aria-labelledby="tasksStats-tab">
            <partial name="TaskPartials/_stats" model="Model.Stats" view-data="@ViewData"/>
        </div>
        <div class="tab-pane fade" id="tasksArchive" role="tabpanel" aria-labelledby="tasksArchive-tab">
            <partial name="TaskPartials/_archive" model="Model.Archive" view-data="@ViewData"/>
        </div>
    </div>

我的部分观点：

@model Model.TaskModelCreate
@{ ViewData.TemplateInfo.HtmlFieldPrefix = "Create"; 

}
<h1> User: @Model.UserId</h1>
<form method="post" asp-page-handler="create">
    <div class="container">
        <div class="form-group">
            <div class="input-group mb-sm-3">
                <div class="input-group-prepend">
                    <span class="input-group-text" id="taskName" style="width: 6rem;">Name</span>
                </div>
                <input type="text" asp-for="Name" class="form-control" placeholder="Do something.."
                       aria-label="TaskName" aria-describedby="taskName" name="Name" />
            </div>
            <div class="input-group mb-sm-3">
                <div class="input-group-prepend">
                    <span class="input-group-text" id="taskDescription" style="width: 6rem;">Description</span>
                </div>
                <input type="text" asp-for="Description" class="form-control" placeholder="I want to do X because Y." aria-label="TaskDescription"
                       aria-describedby="taskDescription" name="Description" />
            </div>
            <div class="input-group-append">
                <button type="submit" class="btn btn-outline-primary" id="taskCreateButton">
                    Create
                </button>
            </div>
        </div>
    </div>
</form>

Answer 1

你可以在部分视图中添加<input asp-for="UserId" hidden />到你的表单，这样当post时，它会是post UserId，这里是一个演示：父视图（任务）：

@page
@model RazorPage1.Pages.Test.TasksModel
<h1>Tasks</h1>
<partial name="_Partial1" model="@Model.Create" />

Tasks.cshtml.cs:

public class TasksModel : PageModel
    {
        [BindProperty]
        public TaskModelCreate Create { get; set; }

        public IActionResult OnGet() {

            Create = new TaskModelCreate { UserId = 1, Name = "create", Description = "ssss", IsCompleted = true };
            return Page();
        }
        public async Task OnPostCreate()
        {
            int userId = Create.UserId;
        }
    }

_Partial1(在form里加<input asp-for="UserId" hidden />,如果要传IsCompleted,也可以加<input asp-for="IsCompleted" hidden />):

 @model TaskModelCreate
    <h1> User: @Model.UserId</h1>
    <form method="post" asp-page-handler="Create">
        <input asp-for="UserId" hidden />
        <input asp-for="IsCompleted" hidden />
        <div class="container">
            <div class="form-group">
                <div class="input-group mb-sm-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="taskName" style="width: 6rem;">Name</span>
                    </div>
                    <input type="text" asp-for="Name" class="form-control" placeholder="Do something.."
                           aria-label="TaskName" aria-describedby="taskName" name="Name" />
                </div>
                <div class="input-group mb-sm-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="taskDescription" style="width: 6rem;">Description</span>
                    </div>
                    <input type="text" asp-for="Description" class="form-control" placeholder="I want to do X because Y." aria-label="TaskDescription"
                           aria-describedby="taskDescription" name="Description" />
                </div>
                <div class="input-group-append">
                    <button type="submit" class="btn btn-outline-primary" id="taskCreateButton">
                        Create
                    </button>
                </div>
            </div>
        </div>
    </form>

创建任务模型：

public class TaskModelCreate
    {
        [BindProperty]
        public string Name { get; set; }
        [BindProperty]
        public string Description { get; set; }
        public bool IsCompleted { get; set; }
        //public UserTask UserTask => new UserTask(UserId, Name, Description);

        public int UserId { get; set; } // For testing
        public TaskModelCreate()
        {
        }
        public TaskModelCreate(int userId)
        {
            UserId = userId;
        }
    }

结果：

Razor Pages OnPost - 父页面能否使用在创建时传递给其部分的相同部分模型？

Razor Pages OnPost - Can the parent page use the same partial model that is passed to its partial on creation?

c#

model-binding

asp.net-core

razor-pages

我有一个使用了一些部分的 Razor 页面。