绑定属性为null

Question

我是新手，并试图弄清楚发生了什么，并认为这是最好的地方。 那么当我选择项目并按下添加按钮时，属性[Bind“”]模型变为空但为什么？

这是我的观点：

@model PortfolioDetailsVM
<form asp-controller="Portfolio" asp-action="AddProject" method="POST">
    <div class="form-group">
        <div class="input-group mb-3">
            <select asp-for="PortfolioProjects.ProjectId" class="custom-select form-control">
                <option disabled selected value="@null">Choose...</option>
                @foreach (var item in Model.Projects)
                {
                    <option value="@item.ProjectID">@item.Title</option>
                }
            </select>

var PortfolioVM对任何数据都是null。 这是我的控制器和我的视图模型：

namespace PEG.Models
{
    public class PortfolioDetailsVM
    {
        public PortfolioDetailsVM()
        {
            Portfolios = new Portfolio();
            PortfolioProjects = new PortfolioProject();
        }
        public Portfolio Portfolio;
        public PortfolioProject PortfolioProjects;
        public IEnumerable<Project> Projects;
    }
}

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> AddProject([Bind("PortfolioProject")]PortfolioDetailsVM PortfolioVM) //<----Null
{
    var addproject = PortfolioVM.PortfolioProjects;

    if (ModelState.IsValid)
    {
        try
        {
            context.Update(addproject);
            await context.SaveChangesAsync();
            return RedirectToAction("Details", "Portfolio" + PortfolioVM.PortfolioProjects.PortfolioId);
        }
        catch (DbUpdateException)
        {
            ModelState.AddModelError("", "Unable to save changes. " +
            "Try again, and if the problem persists, " +
            "see your system administrator.");
        }

    }

    return RedirectToAction("Index", "Portfolio");
}

这个其他型号和细节方法：

 // GET: Portfolio/Details/5
    public async Task<ActionResult> Details(int id)
    {
        PortfolioDetailsVM PortfolioVM = new PortfolioDetailsVM
        {
            Projects = await context.Project.Include(x => x.Task).ToListAsync(),
            Portfolios = await context.Portfolio.SingleOrDefaultAsync(x => x.PortfolioID == id)
        };

        return View(PortfolioVM);
    }
namespace PEG.Models
{
    public partial class PortfolioProject
    {
        [DatabaseGenerated(DatabaseGeneratedOption.Computed)]
        [Column(TypeName = "datetime2")]
        public DateTime? CreatedDate { get; set; }

        //RelationsId
        [Key]
        [Column(Order = 0)]
        public int PortfolioId { get; set; }

        [Key]
        [Column(Order = 1)]
        public string ProjectId { get; set; }

        //Relations
        [ForeignKey("PortfolioId")]
        public virtual Portfolio Portfolio { get; set; }

        [ForeignKey("ProjectId")]
        public virtual Project Project { get; set; }
    }
}

Answer 1

绑定属性

首先，您已在ViewModel中定义了字段。 它们可以在View中读取，但是要使Model Binding工作，您需要将它们声明为Properties ，并带有get和set访问器：

public class PortfolioDetailsVM
{
    //...

    public Portfolio Portfolio { get; set; }
    public PortfolioProject PortfolioProject { get; set; }
    public IEnumerable<Project> Projects { get; set; }
}

这应该使您的绑定代码工作。

更好的绑定模型

其次，您以稍微不正确的方式使用模型绑定。 尽量不要直接绑定到您的数据模型（例如，PortfolioProject的类型）。 您绑定的模型不应包含对数据模型类型的任何引用。

相反，我通常只在我绑定的模型中声明我真正需要的东西，这样我就不必首先使用那个'' Bind属性'。 一个简单的例子：

public class DetailsAddProjectVM
{
    public string SelectedProjectId { get; set; }
}

使用相应的表格：

@model PortfolioDetailsVM
<select asp-for="SelectedProjectId" class="custom-select form-control">
   ...
</select>

发布到

public async Task<IActionResult> AddProject(DetailsAddProjectVM bindingModel)
{
   //look ma, no [Bind]!
   var projectid = bindingModel.SelectedProjectId;
}

当然，对于要呈现的相应表单，您还必须在原始PortfolioDetailsVM声明SelectedProjectId属性。

正如你所看到的，你不必绑定到你原来的视图模型在所有。