我有三个局部视图,每个视图都使用单独的模型进行强类型化。每个视图都包含它自己的表单并提交给不同的操作。一些模型包含具有相同名称的属性,当我使用html辅助方法创建文本框和标签时,我最终会在页面上出现重复的html ID。
部分_Residential View
@model MyProject.Models.ResidentialModel
@using (Html.BeginForm("Residential", "Transaction"))
{
@Html.LabelFor(m => m.PersonName)
@Html.TextBoxFor(m => m.PersonName)
@Html.LabelFor(m => m.ReferenceNumber)
@Html.LabelForm(m => m.ReferenceNumber)
<input type="submit" value="Submit" />
}
部分_Business View
@model MyProject.Models.BusinessModel
@using (Html.BeginForm("Business", "Transaction"))
{
@Html.LabelFor(m => m.BusinessName)
@Html.TextBoxFor(m => m.BusinessName)
@Html.LabelFor(m => m.ReferenceNumber)
@Html.LabelForm(m => m.ReferenceNumber)
<input type="submit" value="Submit" />
}
普通视图
<h2>Residential Transaction</h2>
@Html.Partial("_Residential")
<h2>Business Transaction</h2>
@Html.Partial("_Business")
我得到的输出如下所示:
<h2>Residential Transaction</h2>
<form action="/Transaction/Residential" method="post">
<label for="PersonName">Person Name:</label>
<input type="text id="PersonName" name="PersonName" />
<label for="ReferenceNumber">Reference Number:</label>
<input type="text" id="ReferenceNumber" name="ReferenceNumber" />
<input type="submit" value="Submit" />
</form>
<h2>Business Transaction</h2>
<form action="/Transaction/Business" method="post">
<label for="BusinessName">Business Name:</label>
<input type="text" id="BusinessName" name="BusinessName" />
<label for="ReferenceNumber">Reference Number:</label>
<input type="text" id="ReferenceNumber" name="ReferenceNumber" />
<input type="submit" value="Submit" />
</form>
由于ReferenceNumber在两个模型中,我在页面上得到重复的id。我发现我可以将一个额外的htmlAttributes参数传递给TextBoxFor以更改id。
@Html.TextBoxFor(m => m.ReferenceNumber, new { id = "ResidentialReferenceNumber" })
...
@Html.TextBoxFor(m => m.ReferenceNumber, new { id = "BusinessReferenceNumber" })
这会修复输入上的ID,但标签上的“for”属性仍然具有错误的值。我查看了LabelFor()的各种重载,与TextBoxFor不同,没有htmlAttributes属性。有什么方法可以告诉模型或视图为这些字段使用不同的ID?
答案 0 :(得分:5)
MVC帮助程序没有考虑到视图中可以有多个模型。具有相同名称的所有属性都将获得重复值(每个模型一个值)。
也就是说,如果ResidentalTransaction和BusinessModel具有Name
属性,则您的html表单将包含两个<input type="text" name="Name" />
字段。
如果您将所有模型添加到同一个视图模型并使用Html.TextBoxFor(m => m.ResidentalTransaction.Id);