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

时间:2011-02-04 20:44:05

标签: asp.net-mvc-3

我有三个局部视图,每个视图都使用单独的模型进行强类型化。每个视图都包含它自己的表单并提交给不同的操作。一些模型包含具有相同名称的属性,当我使用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?

1 个答案:

答案 0 :(得分:5)

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

也就是说,如果ResidentalTransaction和BusinessModel具有Name属性,则您的html表单将包含两个<input type="text" name="Name" />字段。

如果您将所有模型添加到同一个视图模型并使用Html.TextBoxFor(m => m.ResidentalTransaction.Id);

,我不确定它是如何工作的