表单提交时 ModelState 无效 - 需要 IEnumerable<SelectListItem>

Question

我有一个添加分支机构的表格，该表格下拉到 select 公司名称。我创建了一个 viewModel，其中包含公司的 SelectListItem 和 Branch 模型提交表单时，modelState.IsValid 等于 false。这样做的原因是因为需要 CompaniesList。知道为什么需要它吗？我该如何克服这个问题？

分支模型：

public class Branch
    {
        public int Id { get; set; }
        public int CompanyId { get; set; }
        [MaxLength(50)]
        public string? City { get; set; }
        [MaxLength(50)]
        public string? BranchName { get; set; }
        public DateTime CreatedAt { get; set; }
        [MaxLength(100)]
        public string? CreatedBy { get; set; }
    }

视图模型：

public class BranchVM
{
    public Branch branch { get; set; }
    [AllowNull]
    public IEnumerable<SelectListItem> CompaniesList { get; set; }
}

Create.cshtml:

@model Click2Lock.Models.BranchVM

<form method="post"  enctype="multipart/form-data">
    <div class="border p-3 mt-4">
        <div class="row pb-2">
            <h2 class="text-primary">Create Branch</h2>
            <hr/>
        </div>
        <div class="col-8">
            <label asp-for="branch.BranchName">Branch Name</label>
            <input asp-for="branch.BranchName" class="form-control"/>
            <span asp-validation-for="branch.BranchName" class="text-danger"></span>
        </div>
        <div class="col-8">
            <label asp-for="branch.City">City</label>
            <input asp-for="branch.City" class="form-control"/>
            <span asp-validation-for="branch.City" class="text-danger"></span>
        </div>
        <div class="col-8 pb-4">
           <div class="form-group row">
                    <div class="col-4">
                        <label asp-for="branch.CompanyId">Company</label>
                    </div>
                    <div class="col-8">
                        @Html.DropDownListFor(m => m.branch.CompanyId, Model.CompaniesList , "Select Order",
                       new { @class = "form-control" })
                        <span asp-validation-for="branch.CompanyId" class="text-danger"></span>
                    </div>
                </div>
     </div>
         <div class="col-8">
                <input type="hidden" asp-for="branch.CreatedAt" class="form-control" value="@DateTime.Now" />
            </div>
            <div class="col-8">
                <input type="hidden" asp-for="branch.CreatedBy" class="form-control" value=@ViewBag.userName />
            </div>
        <button type="submit" class="btn btn-primary" style="width:200px">Add New Branch</button>
        <a asp-controller="Company" asp-action="Index" class="btn btn-secondary" style="width:150px">
            Back To List
        </a>

    </div>
</form>

在控制器上创建：

public IActionResult Create()
{
    ViewBag.userName = (_unitOfWork.ApplicationUser.GetAll().
       Where(q => q.UserName == User.Identity.Name).Select(q => q.FullName)).FirstOrDefault();

    BranchVM branchVM = new BranchVM()
    {
        branch = new Branch(),
        CompaniesList = _unitOfWork.Company.GetAll().OrderBy(a=>a.CompanyName).
        Select(i => new SelectListItem
        {
            Text = i.CompanyName,
            Value = i.Id.ToString()
        })
    };
    return View(branchVM);
}
//POST
[HttpPost]
[ValidateAntiForgeryToken]
public IActionResult Create(BranchVM branchVM)
{
    ViewBag.msgCreate = 0;
    ViewBag.msgGeneralException = 0;

    if (ModelState.IsValid)
    {
        try
        {
            _unitOfWork.Branch.Add(branchVM.branch);
            _unitOfWork.Save();
            ViewBag.msgCreate = 1;
            return View(branchVM);
        }
        catch (Exception ex)
        {
            ViewBag.msgGeneralException = 1;
            return View(branchVM);
        }
        
    }
    ViewBag.msgGeneralException = 1;
    return View(branchVM);
}

Answer 1

一种技术是让它可以为空：

public IEnumerable<SelectListItem>? CompaniesList { get; set; }

表单提交时 ModelState 无效 - 需要 IEnumerable<SelectListItem>

ModelState Invalid on form submit - IEnumerable<SelectListItem> is required

c#

asp.net-mvc

asp.net-core