5

Jak wyświetlić menu rozwijane jako część mojego szablonu edytora?Szablon edytora MVC 3 z dynamicznym rozwijaniem

Mam więc encję Użytkownicy i encję Role. Role są przekazywane do widoku jako SelectList i Użytkownik jako, cóż, Użytkownik. Lista SelectList staje się rozwijana z wybranym prawidłowym ID i wszystko, co thanks to this sample.

Próbuję uzyskać all-in-one ładnie w pakiecie EditorTemplate dla moich podmiotów używających MVC 3, dzięki czemu mogę po prostu wywołać EditorForModel i uzyskać ładnie rozplanowane pola z rozwijanym dodane, gdy tylko mam klucz obcy na takie rzeczy jak role, w tym konkretnym przypadku.

My EditorTemlates \ User.cshtml (dynamiczne generowanie układ oparty na ViewData):

<table style="width: 100%;"> 
@{ 
    int i = 0; 
    int numOfColumns = 3; 

    foreach (var prop in ViewData.ModelMetadata.Properties 
     .Where(pm => pm.ShowForDisplay && !ViewData.TemplateInfo.Visited(pm))) 
    { 
     if (prop.HideSurroundingHtml) 
     { 
      @Html.Display(prop.PropertyName) 
     } 
     else 
     { 
      if (i % numOfColumns == 0) 
      { 

       @Html.Raw("<tr>"); 
      } 

      <td class="editor-label"> 
       @Html.Label(prop.PropertyName) 
      </td> 
      <td class="editor-field"> 
       @Html.Editor(prop.PropertyName) 
       <span class="error">@Html.ValidationMessage(prop.PropertyName,"*")</span> 
      </td> 

      if (i % numOfColumns == numOfColumns - 1) 
      { 
       @Html.Raw("</tr>"); 
      } 
      i++; 
     } 
    } 
} 
</table> 

na widoku Mam następnie wiążącym SelectList osobno, a chcę to zrobić jako część szablonu .

My Model:

public class SecurityEditModel 
{ 
    [ScaffoldColumn(false)] 
    public SelectList roleList { get; set; } 

    public User currentUser { get; set; } 
} 

My Kontroler:

public ViewResult Edit(int id) 
{ 
    User user = repository.Users.FirstOrDefault(c => c.ID == id); 

    var viewModel = new SecurityEditModel 
     { 
      currentUser = user, 
      roleList = new SelectList(repository.Roles.Where(r => r.Enabled == true).ToList(), "ID", "RoleName") 
     }; 

    return View(viewModel); 
} 

moim zdaniem:

@model Nina.WebUI.Models.SecurityEditModel 

@{ 
    ViewBag.Title = "Edit"; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 

<h2>Edit</h2> 


@using(Html.BeginForm("Edit", "Security")) 
{ 
    @Html.EditorFor(m => m.currentUser) 
    <table style="width: 100%;"> 
     <tr> 
      <td class="editor-label"> 
       User Role: 
      </td> 
      <td class="editor-field"> 
       <!-- I want to move this to the EditorTemplate --> 
       @Html.DropDownListFor(model => model.currentUser.RoleID, Model.roleList) 
      </td> 
     </tr> 
    </table> 
    <div class="editor-row"> 
     <div class="editor-label"> 

     </div> 
     <div class="editor-field"> 

     </div> 
    </div> 
    <div class="editor-row">&nbsp;</div> 
    <div style="text-align: center;"> 
     <input type="submit" value="Save"/>&nbsp;&nbsp; 
     <input type="button" value="Cancel" onclick="location.href='@Url.Action("List", "Clients")'"/> 
    </div> 

}  

Mam nadzieję, że jest wystarczająco jasne, daj mi znać, jeśli można użyć więcej wyjaśnień. Z góry dziękuję!

+0

Czy to załatwiłeś? – REMESQ

+0

Przeważnie nie jest to dokładnie rozwiązanie, którego szukałem, ale wierzę, że odpowiedź Bena będzie wystarczająca. –

Odpowiedz

0

Ponieważ potrzebujesz dostępu do SelectList, możesz utworzyć szablon edytora powiązany z SecurityEditModel lub możesz przekazać SelectList w ViewData. Osobiście podchodzę do tego z mocno wpisanym podejściem.

Powiązane problemy