[英]ASP.NET Core - Bind IEnumerable<T> to a ViewModel field on POST
我有一个Web应用程序,用于注册比赛团队,每个团队都可以选择他们将用于项目的多种技术。 这些技术保存在Label类中。
我正在使用视图模型将信息从表单绑定到操作。 但是,当我尝试提交表单时,它将采用除技术列表以外的所有其他字段。
Label.cs
public class Label
{
[Key]
public int Id { get; set; }
public string Name { get; set; }
public string ColorPalette { get; set; }
}
CreateTeamViewModel.cs
public class CreateTeamViewModel
{
[Required]
public string TeamName { get; set; }
public string ProjectName { get; set; }
public string ProjectDescription { get; set; }
[Required]
public string RepositoryLink { get; set; }
public List<Label> Labels = new List<Label>();
}
TeamsController.cs
public class TeamsController
{
private readonly ApplicationDbContext context;
public IActionResult Create()
{
ViewData["Labels"] = this.context.Labels.ToList();
return View();
}
[HttpPost]
public IActionResult Create(CreateTeamViewModel team)
{
List<Label> labels = team.Labels;
int count = labels.Count; // count = 0
return LocalRedirect("/");
}
}
Create.cshtml(复选框列表)
@model Competition.Data.ViewModels.CreateTeamViewModel
@{
List<Label> labels = ViewData["Labels"] as List<Label>;
}
<form asp-action="Create">
<div class="form-check">
@for(int i = 0; i < labels.Count; i++)
{
<input asp-for="@Model.Labels[i].IsSelected" type="checkbox" />
<label asp-for="@Model.Labels[i].Name">
<span class="badge badge-@labels[i].ColorPalette">@labels[i].Name</span>
</label>
<input asp-for="@Model.Labels[i].Name" type="hidden" value="@labels[i].Name" />
<input asp-for="@Model.Labels[i].ColorPalette" type="hidden" value="@labels[i].ColorPalette" />
}
</div>
<div class="form-group">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</form>
您需要绑定到int
列表而不是视图模型上的Label
列表。 然后,您需要使用所选ID的列表来填充要保留的Team
实体上的标签列表:
public class CreateTeamViewModel
{
[Required]
public string TeamName { get; set; }
public string ProjectName { get; set; }
public string ProjectDescription { get; set; }
[Required]
public string RepositoryLink { get; set; }
public List<int> SelectedLabels { get; set; } = new List<int>();
}
然后,您需要修改表单以将复选框绑定到此列表:
@foreach (var label in labels)
{
<input asp-for="SelectedLabels" id="Label@(label.Id)" value="@label.Id" type="checkbox" />
<label id="Label@(label.Id)">
<span class="badge badge-@label.ColorPalette">@label.Name</span>
</label>
}
注意,我删除了隐藏的输入。 您永远都不应发布用户无法修改的任何内容,因为即使隐藏的输入也可能被篡改。
发布后,在服务器端您将获得用户选择的标签ID列表。 只需从数据库中查询关联的标签,然后将其分配给您要创建的团队即可:
team.Labels = await _context.Set<Label>().Where(x => model.SelectedLabels.Contains(x.Id)).ToListAsync();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.