Question

我有这个视图，我需要显示两次相同的项目。所以我传递了我的模型列表，这个列表包含两个相同的项目。

以下是我展示它们的方式：

<p>
    @using (Html.BeginForm("Confirm", "Inventory"))
    {

        <table>
        <tr>
            <th>Item Name</th>
               (...)
        </tr>
            @for (int i = 0; i < Model.Count; i++)
            {
                <tr>
                    <td>@Html.DisplayFor(x => x[i].OtrObj.ObjName)</td>
                    (...)

                    @Html.HiddenFor(x => x[i].OtrObjID)
                </tr>
            }
        </table>
        <div class="float-right">
            <input type="submit" value="Ready!"/>    
        </div>
    }
</p>

我确信它出现在视图中，因为就在我发送视图时，列表中的每个项目都带有正确的“ObjID”。

但是当呈现页面时，结果如下：

第1项：

<input data-val="true" data-val-number="The field OtrObjID must be a number." 
    data-val-required="The OtrObjID field is required." 
    name="[0].OtrObjID" type="hidden" value="1" />

第2项：

<input data-val="true" data-val-number="The field OtrObjID must be a number." 
    data-val-required="The OtrObjID field is required." 
    name="[1].OtrObjID" type="hidden" value="2" />

为什么呢？我真的不明白。任何人都可以帮我解决这个问题吗？

以下是这些项目的HTML输出：

<p>
    <form action="/Inventory/Confirm" method="post">         
        <table>
            <tr>
                <th>Item Name</th>
                ...
            </tr>
                <tr>
                    <td>Item one</td>

                    <td><input checked="checked" class="state1" name="[0].Destination" style="width: 50px" type="radio" value="State 1" /></td>
                    <td><input class="state2" name="[0].Destination" style="width: 50px" type="radio" value="State 2" /></td>
                    <td>
                        <input class="field1" data-val="true" data-val-number="The field m_Field1 must be a number." data-val-required="The m_Field1 field is required." name="[0].m_Field1" style="width:200px" type="text" value="0,99" />
                        <span class="field-validation-valid" data-valmsg-for="[0].m_Field1" data-valmsg-replace="false">Field 1 must be a number.</span>
                    </td>
                    <td>
                        <input class="field2" data-val="true" data-val-number="The field m_Field2 must be a number." data-val-required="The m_Field2 field is required." name="[0].m_Field2" style="width:200px" type="text" value="1,00" />
                        <span class="field-validation-valid" data-valmsg-for="[0].m_Field2" data-valmsg-replace="false">Field 2  must be a number.</span>
                    </td>
                    <td>
                        <input class="field3" data-val="true" data-val-number="The field m_Field3 must be a number." data-val-required="The m_Field3 field is required." name="[0].m_Field3" style="width:200px" type="text" value="1,00" />
                        <span class="field-validation-valid" data-valmsg-for="[0].m_Field3" data-valmsg-replace="false">Field 3 must be a number.</span>
                    </td>
                    <td><a href="/Inventory/DisplayItem/2">See other information</a></td>

                    <input data-val="true" data-val-number="The field OtrObjID must be a number." data-val-required="The OtrObjID field is required." name="[0].OtrObjID" type="hidden" value="1" />
                    <input data-val="true" data-val-number="The field ObjID must be a number." data-val-required="The ObjID field is required." name="[0].ObjID" type="hidden" value="1" />
                    <input name="[0].m_Field1" type="hidden" value="0,99" />
                    <input name="[0].m_Field2" type="hidden" value="1,00" />
                    <input name="[0].m_Field3" type="hidden" value="1,00" />
                </tr>
                <tr>
                    <td>Item 2</td>

                    <td><input checked="checked" class="state1" name="[1].Destination" style="width: 50px" type="radio" value="State 1" /></td>
                    <td><input class="state2" name="[1].Destination" style="width: 50px" type="radio" value="State 2" /></td>
                    <td>
                        <input class="field1" data-val="true" data-val-number="The field m_Field1 must be a number." data-val-required="The m_Field1 field is required." name="[1].m_Field1" style="width:200px" type="text" value="0,99" />
                        <span class="field-validation-valid" data-valmsg-for="[1].m_Field1" data-valmsg-replace="false">Field 1 must be a number.</span>
                    </td>
                    <td>
                        <input class="field2" data-val="true" data-val-number="The field m_Field2 must be a number." data-val-required="The m_Field2 field is required." name="[1].m_Field2" style="width:200px" type="text" value="1,00" />
                        <span class="field-validation-valid" data-valmsg-for="[1].m_Field2" data-valmsg-replace="false">Field2 must be a number.</span>
                    </td>
                    <td>
                        <input class="field3" data-val="true" data-val-number="The field m_Field3 must be a number." data-val-required="The m_Field3 field is required." name="[1].m_Field3" style="width:200px" type="text" value="1,00" />
                        <span class="field-validation-valid" data-valmsg-for="[1].m_Field3" data-valmsg-replace="false">Field 3 must be a number.</span>
                    </td>
                    <td><a href="/Inventory/DisplayItem/2">See other information</a></td>

                    <input data-val="true" data-val-number="The field OtrObjID must be a number." data-val-required="The OtrObjID field is required." name="[1].OtrObjID" type="hidden" value="2" />
                    <input data-val="true" data-val-number="The field ObjID must be a number." data-val-required="The ObjID field is required." name="[1].ObjID" type="hidden" value="2" />
                    <input name="[1].m_Field1" type="hidden" value="0,99" />
                    <input name="[1].m_Field2" type="hidden" value="1,00" />
                    <input name="[1].m_Field3" type="hidden" value="1,00" />
                </tr>
        </table>
        <div class="float-right">
            <input type="submit" value="Ready!"/>    
        </div>
    </form>
</p>

Answer 1

“问题”是您@model IEnumerable<Model>强制[#]前缀。

~~一种可能的解决方案是将模型包装在ViewModel中。~~

~~public class ViewModel { public IEnumerable<Model> Models { get; set; } }~~

~~然后使用@model ViewModel~~

我还建议使用@foreach，因为它更清洁。

@foreach (var item in Model.Models) {
    <tr>
        <td>
            @Html.DisplayFor(x => item.ObjName)
            (...)
            @Html.HiddenFor(x => item.OtrObjID)
        </td>
    </tr>
}

注意：我将所有内容都放在<td>内，因为它不是有效的HTML，而<td>或<th>中包含<tr>或{{1}}以外的任何内容标签。 http://www.w3schools.com/tags/tag_tr.asp

Answer 2

您可以使用简单的html隐藏字段控件

<input type="hidden" value="x[i].OtrObjID" name="OtrObjID" />

具有相同id的列表中的2个相同项目在视图中修改了id值

2 个答案: