如何在一个视图中创建多个模型？最好使用部分视图和动态数量的模型

Question

我有一个“技能”列表，我希望用户能够通过，从列表中选择适当的级别。所以 Skill 看起来像这样：

public class Skill
{
    public String SkillName { get; set; }
    public SkillLevel CurrentSkillLevel { get; set; }
    public Boolean IsRequired { get; set; }

    public Skill(String Name)
    {
        this.SkillName = Name;
        this.IsRequired = true;
        this.CurrentSkillLevel = SkillLevel.None;
    }
}

可能有数百个技能——具体数量目前未知，当然它需要是动态的，所以我不想让用户经历点击每个技能、填写的过程表格，并每次提交。我想在同一页面中显示所有技能（每行），允许用户选择所有值，然后在最后单击一次提交。

不幸的是，除了单例创建之外，我没有任何使用 MVC 进行任何操作的经验。我通常会为捆绑在一起的几个模型使用单独的 ViewModel，但我看不出这将如何与动态列表一起使用，并且由于它们都是相同的类型（“技能”），我猜 ViewModel 看起来就像模型列表。

有人有合适的解决方案吗？

谢谢

Answer 1

基于 DaveA 的回答，您可以使用 Skill 的编辑器模板。您需要将一个名为 EditorTemplates 的文件夹添加到您的 Views\Controller 文件夹中。现在在名为Skill.cshtml 的文件夹中创建一个局部视图，看起来像这样

@model Skill

@Html.TextBoxFor(s => s.SkillName)
@Html.TextBoxFor(s => s.Skills[i].Title)
// etc...

现在在您的主视图中

using (Html.BeginForm("UpdateCart", "Orders"))
{

    @Html.TextBoxFor(p=>p.Name)
    @Html.TextBoxFor(p=>p.Title)

    @Html.EditorFor(p => p.Skills)
}

Razor 足够智能，它会使用 Skill.cshtml 编辑器模板呈现 Skills 中的每个技能。