Comment réutiliser une vue partielle avec des ID différents?

Question

J'ai une vue partielle avec une liste déroulante. le code ressemble à ceci:

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

Le problème est que je veux réutiliser cette vue partielle en plusieurs endroits, mais je veux avoir un autre identifiant assigné au contrôle (au lieu de exerciseDropdown toujours), mais à l'extérieur, je seulement avoir ceci:

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

Y at-il de toute façon passer un ID dans une vue partielle? Existe-t-il un moyen standard pour injecter les ID dans une vue partielle?

En ce moment je fais des choses comme ceci:

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

où ExerciseList et ExerciseList2 sont identiques mais avec des ids mais je suis sûr qu'il ya une meilleure façon.

Answer 1

Il semble que vous utilisiez le même modèle pour les deux vues partielles. Je vois deux options pour mettre cela en place.

1. Comme pour Nick, vous pouvez utiliser une classe partielle et ajouter la propriété dropDownID à votre modèle.

** Avertissement Pseudo code VB avant

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 

Ensuite, dans votre contrôleur:

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

Vue:

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

Option 2: Mettre dans votre dictionnaire ViewData

Controller:

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

Appel Vue partielle:

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

Voir:

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

Answer 2

Vous pouvez simplement inclure l'identifiant que vous souhaitez utiliser dans le modèle.

Answer 3

Dans mon cas, je voulais des ID parce que le calendrier jQuery ne parvenait pas à écrire la date du nécessaire champ de saisie. Au lieu de cela, il était écrit date dans le premier champ avec le même ID. Donc, je n'étais pas vraiment concerné par l'ID. Donc utilisé quelque chose comme ceci-

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