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

Question

I have looked at several suggested posts and I've been searching for similar issues without finding anything with this particular issue.

I have a Razor Page that use a few partials.

       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);
            }
        }

The TaskModelCreate object (the partial page's model):

        [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;
        }

I have verified that the partials model is the one that is created in the TasksModel constructor, by writing UserId to the page.

However, when submitting a new task from the view, the specified OnPost method always receives a TaskModelCreate object where the UserId property is 0 (my UserId during testing is 1) - which makes me believe that the form creates a new TaskModelCreate when it posts.

The Name and Description properties are filled as expected.

Is there a way to specify that the posted object should be the one it is given, rather than a new one?

I'm using Asp.Net Core Razor Pages (the non-MVC version).

Edit:

I was asked to share the views as well, so here they are.

The parent view:

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


    
        
            Active Tasks
        
        
            Create Task +
        
        
            Your Stats
        
        
            Archive

My partial view:

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

}
 User: @Model.UserId

    
        
            
                
                    Name
                
                
            
            
                
                    Description

Yiyi You · Accepted Answer

You can add to your form in partial view,so that when post,it will post UserId,here is a demo: Parent View(Tasks):

@page
@model RazorPage1.Pages.Test.TasksModel
Tasks

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(add to form,if you want to pass IsCompleted,you can also add ):

 @model TaskModelCreate
     User: @Model.UserId
    
        
        
        
            
                
                    
                        Name
                    
                    
                
                
                    
                        Description

TaskModelCreate :

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;
        }
    }

result:

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

I have a Razor Page that use a few partials.

Answers (1)

Related Questions