Asp.net mvc MVC BeginCollectionItem嵌套列表索引不工作

我有一个BeginCollectionItem repeater，它工作得很好，但是当我尝试跟随Joe Stevens的博客添加嵌套列表时，它并没有以我预期的方式工作

我使用了BeginCollectionItemCore，因为我使用的是AspNetCore，我从这里获取了代码，因为它说它已经包含了博客中的内置元素：

我有一个名为Section的主BeginCollectionItem和一个名为SingleLine的嵌套集合。我希望代码输出如下内容：Section[long code here].SingleLine[other code here].SingleLineTextBlock 然而，我得到的是单线[long code here].SingleLineTextBlock

我在下面包含了我的代码

型号：

namespace project.Models.SetupViewModels
{
    public class SOPTopTemplateBuilderViewModel
    {
        public List<SectionViewModel> Section { get; set; }
    }
    public class SectionViewModel {
        public int SectionId { get; set; }
        public string SectionText { get; set; }
        public string TopTempId { get; set; }
        public List<SingleLineViewModel> SingleLines { get; set; }
    }
}

@model project.Models.SetupViewModels.SectionViewModel
@using HtmlHelpers.BeginCollectionItemCore
<div class="new-section form-row">
    @using (Html.BeginCollectionItem("Section"))
    {
    <div class="top-line">
        <div class="col-12 col-md-11">
             @Html.HiddenFor(m => m.SectionId, new { @class="id" })
             @Html.EditorFor(m => m.SectionText, new { @class = "form-control limit-form"})
         </div>
        <div class="col-12 col-md-1">
        </div>
    </div>
    }
    <div class="main-row">
        <div class="buttons-div">
            <button id="add-single-line" type="button" data-containerPrefix="@ViewData["ContainerPrefix"]">Add Single Text</button>
        </div>
    </div>
    <div class="main-row">

    </div>
</div>

var form = $('form');
var recipients = $('.main-row');
$("#add-single-line").click(function(){
     $.ajax({
        type: "POST", 
        url: '@Url.Action("GetNewSingleLine")',
        data: { "containerPrefix": recipients.data("containerPrefix") },
        success: function (data) {
            recipients.append(data);  
        }
     });  
});

@model project.Models.SetupViewModels.SingleLineViewModel
@using HtmlHelpers.BeginCollectionItemCore
@using (Html.BeginCollectionItem("SingleLine"))
{
    <div class="single-line-row">
        @Html.HiddenFor(m => m.SingleLinkTextID, new { @class="id" })
        @Html.TextBoxFor(m => m.SingleLinkTextBlock, new { @class = "form-control limit-form"})
   </div>
}

EditorFor:

namespace project.Models.SetupViewModels
{
    public class SOPTopTemplateBuilderViewModel
    {
        public List<SectionViewModel> Section { get; set; }
    }
    public class SectionViewModel {
        public int SectionId { get; set; }
        public string SectionText { get; set; }
        public string TopTempId { get; set; }
        public List<SingleLineViewModel> SingleLines { get; set; }
    }
}

@model project.Models.SetupViewModels.SectionViewModel
@using HtmlHelpers.BeginCollectionItemCore
<div class="new-section form-row">
    @using (Html.BeginCollectionItem("Section"))
    {
    <div class="top-line">
        <div class="col-12 col-md-11">
             @Html.HiddenFor(m => m.SectionId, new { @class="id" })
             @Html.EditorFor(m => m.SectionText, new { @class = "form-control limit-form"})
         </div>
        <div class="col-12 col-md-1">
        </div>
    </div>
    }
    <div class="main-row">
        <div class="buttons-div">
            <button id="add-single-line" type="button" data-containerPrefix="@ViewData["ContainerPrefix"]">Add Single Text</button>
        </div>
    </div>
    <div class="main-row">

    </div>
</div>

var form = $('form');
var recipients = $('.main-row');
$("#add-single-line").click(function(){
     $.ajax({
        type: "POST", 
        url: '@Url.Action("GetNewSingleLine")',
        data: { "containerPrefix": recipients.data("containerPrefix") },
        success: function (data) {
            recipients.append(data);  
        }
     });  
});

@model project.Models.SetupViewModels.SingleLineViewModel
@using HtmlHelpers.BeginCollectionItemCore
@using (Html.BeginCollectionItem("SingleLine"))
{
    <div class="single-line-row">
        @Html.HiddenFor(m => m.SingleLinkTextID, new { @class="id" })
        @Html.TextBoxFor(m => m.SingleLinkTextBlock, new { @class = "form-control limit-form"})
   </div>
}

---

我为这个问题挣扎了一段时间，直到我偶然发现了这篇文章——这篇文章最终让我找到了答案（谢谢！）。 在上面的示例中，它将前缀存储在button.add-single-line中，但试图从div.main-row加载前缀，因此可能会将“undefined”作为前缀。通过从缓存该值的同一项中提取，上面的代码将执行预期的操作