模型绑定编辑器模板中的嵌套集合

Model binding nested collections in editor templates

本文关键字：嵌套 集合 绑定 编辑器 模型      更新时间：2023-09-26

我有一个用于视图模型EditFeeContentViewModel的编辑器模板。这个视图模型包含一个通过JavaScript添加/删除的集合。每当添加新项目时，我都会通过微模板添加以下HTML，以便模型绑定能够工作:

<script id="feeContentTemplate" type="text/html">
    <tr id='RowContentId<%= ContentId%>'>
        <td>
            <input type="hidden" name="ContentFeeViewModels.Index" value="<%= ContentId%>"/>
            <input type="hidden" name="ContentFeeViewModels[<%= ContentId%>].ContentId" value="<%= ContentId%>" />
            <%= ContentId%>
        </td>
        <td><input type="hidden" name="ContentFeeViewModels[<%= ContentId%>].ContentName" value="<%= ContentName%>" />
            <%= ContentName%>
        </td>
        <td><input type="text"     name="ContentFeeViewModels[<%= ContentId%>].Allocation" value="<%= Allocation%>" /></td>
        <td><input type="text"     name="ContentFeeViewModels[<%= ContentId%>].Comments" value="<%= Comments%>"/></td>
        <td><a href="javascript:removeContentRow('#RowContentId<%= ContentId%>')">Remove</a></td>
    </tr>
</script>

现在，当我的视图模型没有嵌套时，这工作得很好。它提交给控制器，保存所有完整的数据，等等。

然而，当它嵌套时，显然名称不再正确，模型绑定失败。我可能需要FeeContents.ContentFeeViewModels.Index而不是ContentFeeViewModels.Index。

由于这是通过JavaScript完成的，我不知道如何使用HTML帮助程序来正确地生成名称。我怎样才能找出视图模型是否/在哪里嵌套并生成一个字符串来表示其位置，以便正确地进行模型绑定?

我想过在EditFeeContentViewModel中手动设置一个字符串，父视图模型可以设置该字符串来表示属性名称，但这似乎很麻烦，而且容易出错。有更好的方法吗?

我发现您可以使用ViewData.TemplateInfo.HtmlFieldPrefix来获取路径值。

所以我的代码现在看起来像: 
var contentFeeModelPrefix = "";
if ("@ViewData.TemplateInfo.HtmlFieldPrefix" != "") {
    contentFeeModelPrefix = "@ViewData.TemplateInfo.HtmlFieldPrefix" + ".";
}

我可以在JavaScript中使用该变量作为各个字段的前缀。

相关文章：