在 ASP.NET MVC 中使用多个部分时出现重复的输入 id

我有三个部分视图，每个视图都具有单独的模型强类型。每个视图都包含它自己的表单并提交不同的操作。某些模型包含具有相同名称的属性，当我使用 html 帮助器方法创建文本框和标签时，我最终会在页面上出现重复的 html id。

部分_住宅景观

@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" />
}

部分_业务视图

@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 吗？

MVC 帮助程序没有考虑到您可以在视图中拥有多个模型。所有具有相同名称的属性都将获得重复值（每个模型一个值）。

也就是说，如果住宅交易和商业模式有Name属性，你的 html 表单将有两个<input type="text" name="Name" /> fields.

如果将所有模型添加到同一视图模型并使用，我不确定它是如何工作的Html.TextBoxFor(m => m.ResidentalTransaction.Id);