MVC 在提交时保存页面模型的自定义项目列表以在 Post 方法中使用

Question

我有一个名为 DocumentDTO 的自定义对象列表，它是在页面加载时创建并填充值的。提交页面时，我需要提交列表中的值以在控制器 post 方法中使用。

有没有办法为带有自定义对象的列表项做到这一点？当它是一个字符串列表时，我能够做到这一点，但是当它的自定义对象时它不起作用

对于其他领域我这样做：

 < input asp-for="FileID" type="hidden" /> 

对于字符串列表，我这样做：

    @for (int i = 0; i < Model.StringList.Count(); i++)
    {
        <input asp-for="StringList[i]" type="text">
    }

但我有这个模型：

public class FileModel
{
     public string Email { get; set; }

     public string FileNumber { get; set; }

     public List<DocumentDTO> DocumentListing { get; set; }

    public class DocumentDTO
    {
    
        public string DocName { get; set; }

        public string Comments { get; set; }

        public int docID { get; set; }

    }
}

但是下面的两种尝试都不允许我在提交时看到控制器的 Post 方法中的列表项（列表说它的计数为 0）

int DocumentsCount = Model.DocumentListing.Count();


 for (int i = 0; i < DocumentsCount; i++)
{
    <input asp-for="DocumentListing[i].DocName" type="hidden">
    <input asp-for="DocumentListing[i].docID" type="hidden">
    <input asp-for="DocumentListing[i].Comments" type="hidden">
}

这可能吗？如果可能的话，有人可以帮忙吗？

Answer 1

首先，您需要知道对于复杂类型的每个属性，模型绑定会在源中查找名称模式prefix.property_name。如果未找到任何内容，则仅查找不带前缀的 property_name。

在您的代码中，您的剃刀视图中有DocumentListing 和DocumentListing[i] 和DocumentListing[i].DocName。但是DocumentListing 和DocumentListing[i] 无效，模型绑定无法为它们查找相应的属性。

确保删除无效输入并将有效属性发布到后端：

@model FileModel
@{int DocumentsCount = Model.DocumentListing.Count(); }
<form asp-action="Create">
    @*<input asp-for="DocumentListing" type="hidden">*@          //remove this

    @for (int i = 0; i < DocumentsCount; i++)
    {
        Model.DocumentListing.Add(Model.DocumentListing.ElementAtOrDefault(i));

        @*<input asp-for="DocumentListing[i]" type="hidden">*@    //remove this
        <input asp-for="DocumentListing[i].DocName" type="hidden">
    }
    <input type="submit" value="create" />
</form>

更新：

控制器：

[HttpPost]
public IActionResult Create([Bind(Prefix = "DocumentListing")]List<DocumentDTO> model)
{
    //...
    return View();
}

或者：

[HttpPost]
public IActionResult Create(FileModel model)
{
    //...
    return View();
}

在前端检查您的 html 应该如下所示：

更新2：