我将如何为集合创建此 EditorTemplate？

Question

因此，我有一个自定义 ViewModel (CompanySalaryDataViewModel)，其中包含其他 ViewModel 的集合 (PersonalIncomeViewModel)。 最终，我希望有一个用于 CompanySalaryDataViewModel 的 EditorTemplate，它以某种方式使用 PersonalIncomeViewModel 的 EditorTemplate，以便在以下情况下提供到我的 ViewModel 的 2 路绑定：它被传回我的 POST 控制器。

例如，假设它是这样的：

public class CompanySalaryDataViewModel
{
    string CompanyName { get; set; }
    IList<PersonalIncomeViewModel> AllSalaryData { get; set; }
}

public class PersonalIncomeViewModel
{
    long UniqueID { get; set; }
    string PersonName { get; set; }
    int JanIncome { get; set; }
    int FebIncome { get; set; }
    int MarIncome { get; set; }
    int AprIncome { get; set; }
    int MayIncome { get; set; }
    int JunIncome { get; set; }
    int JulIncome { get; set; }
    int AugIncome { get; set; }
    int SepIncome { get; set; }
    int OctIncome { get; set; }
    int NovIncome { get; set; }
    int DecIncome { get; set; }
}

我希望以类似于以下标记但有效的方式完成此操作：

<%= Html.TextBoxFor(x => x.CompanyName) %>
    <table cellspacing="0">
        <thead>
            <tr class="t-grid-header">
                <th class="t-header">ID</th>
                <th class="t-header">Person</th>
                <th class="t-header">Jan</th>
                <th class="t-header">Feb</th>
                <th class="t-header">Mar</th>
                <th class="t-header">Apr</th>
                <th class="t-header">May</th>
                <th class="t-header">Jun</th>
                <th class="t-header">Jul</th>
                <th class="t-header">Aug</th>
                <th class="t-header">Sep</th>
                <th class="t-header">Oct</th>
                <th class="t-header">Nov</th>
                <th class="t-header">Dec</th>
            </tr>
        </thead>
    <%
    var isAlt = false;
    foreach (var salaryData in Model.AllSalaryData)
    {
        var salary = salaryData;
        if (isAlt)
        {%>
            <tr class="t-alt">
        <%
        }
        else
        {%>
            <tr>
        <%
        }

        isAlt = !isAlt;
        %>
                <td><%=Html.TextBoxFor(x => salary.UniqueID)%></td>
                <td><%=Html.TextBoxFor(x => salary.PersonName)%></td>
                <td><%=Html.TextBoxFor(x => salary.JanIncome, new {id = salary.PersonName + "_1", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.FebIncome, new {id = salary.PersonName + "_2", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.MarIncome, new {id = salary.PersonName + "_3", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.AprIncome, new {id = salary.PersonName + "_4", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.MayIncome, new {id = salary.PersonName + "_5", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.JunIncome, new {id = salary.PersonName + "_6", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.JulIncome, new {id = salary.PersonName + "_7", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.AugIncome, new {id = salary.PersonName + "_8", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.SepIncome, new {id = salary.PersonName + "_9", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.OctIncome, new {id = salary.PersonName + "_10", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.NovIncome, new {id = salary.PersonName + "_11", style = "width: 45px;"})%></td>
                <td><%=Html.TextBoxFor(x => salary.DecIncome, new {id = salary.PersonName + "_12", style = "width: 45px;"})%></td>
            </tr>
    <%
    }%>
    </table>

此代码的问题是：

1. 每个“一月”文本框具有相同的名称（salary.JanIncome - 不包含任何内容以将其与其他薪水区分开来）。每个月都有同样的问题。
2. 也许由于问题#1，当我发布时，这不会绑定回 ViewModel - 我的 AllSalaryData 集合为 null。
3. 所有这些看起来都非常非最佳实践，并且应该有更好的方法来做到这一点。

最终，我想我需要更好地理解将模板与集合一起使用，但它的另一部分是将 t-alt 类正确应用到适当的表行的“逻辑”。

注意 #1：我以这种方式为一些与这些文本框交互的 javascript 内容设置 HTML ID。

注意#2：我并不是真的用工资数据来做这件事。

Answer 1

不清楚你的问题：
1.“ViewModels”是视图模型——至少从设计的角度来看。您是否打算能够“批量”更新集合/列表或回发以发送相同对象类型的集合？
2. 假设您的模型 - PersonalIncome[ViewModel] 是持久的。因此，您将一次编辑一条记录，并且您将使用的编辑器模板将仅适用于集合中的一项。

您能否详细说明意图，而不仅仅是您想要做的事情 - 除了使用文本框创建“列表”视图之外，可能还有其他选择。

Answer 2

好吧，我找到了一个功能解决方案，虽然不理想，但它有效。显然 foreach 是问题所在，但 for(var i=0; i 有效，因为索引号用于生成名称呈现的控件。不理想，但效果很好。