如何通过设置不同的 id 来重用局部视图

Question

我有一个带有下拉菜单的部分视图。代码如下所示：

 <%=Html.DropDownListFor(x => Model.Exercises, new SelectList(Model.Exercises, "Id", "Name", Model.SelectedExercise), new { @id = "exerciseDropdown", @class = "autoComplete" })%>

问题是我想在多个地方重用此部分视图，但我想为控件分配不同的 id（而不是始终使用exerciseDropdown），但在外部我只有这个：

 <% Html.RenderPartial("ExerciseList", Model); %>

无论如何将 id 传递到局部视图中？ 有没有一种标准方法可以将 id 注入到局部视图中？

现在我正在做这样的事情：

 <% Html.RenderPartial("ExerciseList", Model); %>
 <% Html.RenderPartial("ExerciseList2", Model); %>

其中ExerciseList和ExerciseList2是相同的，但具有不同的id，但我确信有更好的方法。

Answer 1

听起来您正在使用相同的模型来完成两个部分视图。我看到有两个设置选项。

1. 就像 Nick 上面所说的那样，使用分部类并将 dropDownID 属性添加到您的模型中。

**警告前面的伪VB代码

Partial Public Class Exercise
Dim _ddID as string

Public Property DropDownID as string
    Get
        Return _ddID
    End Get
    Set(byval value as string)
        _ddID = value
    End Set
End Property

然后在你的控制器中：

Function Index() as ActionResult
    Exercise = getExercise() 'call to get your exercise model'
    Exercise.DropDownID = "DropDownID1"
    Return View(Exercise)
End Function

视图：

 <%=Html.DropDownListFor(x => Model.Exercises, new SelectList(Model.Exercises, "Id", "Name", Model.SelectedExercise), new { @id = model.DropDownID, @class = "autoComplete" })%> 

选项2：在你的ViewData字典中设置

控制器：

Function Index() as ActionResult
    Exercise = getExercise() 'call to get your exercise model'
    ViewData("ExerciseID") = "DropDownID1"
    Return View(Exercise)
End Function

调用部分视图：

<% Html.RenderPartial("ExerciseList", Model, ViewData); %> 

视图：

 <%=Html.DropDownListFor(x => Model.Exercises, new SelectList(Model.Exercises, "Id", "Name", Model.SelectedExercise), new { @id = ViewData("ExerciseID"), @class = "autoComplete" })%> 

Answer 2

您可以只包含要在模型中使用的 id。

Answer 3

就我而言，我想要不同的 ID，因为 jQuery 日历无法将日期写入所需的输入字段。相反，它会将日期写入具有相同 ID 的第一个字段。

所以，我并不真正关心ID。所以用了这样的东西 -

@Html.TextBoxFor(model => model.DueDate, new Dictionary<string, Object> { { "class", "datepicker" }, { "id", Guid.NewGuid().ToString() } })