ASP.NET MVC plusieurs à plusieurs modèle sur le côté client

Question

J'ai 3 tables many-many: Users -<UserRoles>- Roles. Je mis mon modèle comme celui-ci:

public class User 
{ 
    public int UserId {get; set;}; 
    public IEnumerable<Role> Roles {get; set;}; 
} 

public class Role 
{ 
    public int RoleId {get; set;}; 
    public string RoleName {get; set}; 
} 

public class UserDisplayModel 
{ 
    public User User{get; set;}; 
    public IEnumerable<Role> AllRoles {get; set;} 
} 

Lors de l'édition/création de l'utilisateur, comment puis-je obtenir la case cochée des rôles dans le contrôleur et comment pourrais-je régler cela à mon avis?

Si je me trompe dès le début sur la façon dont j'ai configuré mon modèle, dites-moi s'il vous plaît et aidez-moi sur la façon dont je ferais cela.

Merci.

Answer 1

La clé est que vous avez besoin de votre collection correctement rendu dans la vue. Tout d'abord, ajoutez une propriété booléenne aux données de vue le rôle objet que nous avons quelque chose à lier notre case à cocher pour:

public class Role 
{ 
    public bool IsInRole { get; set; } 
    [HiddenInput(DisplayValue = false)] 
    public int RoleId { get; set; } 
    [HiddenInput(DisplayValue = true)] 
    public string RoleName { get; set; } 
} 

Avis je mets un attribut de HiddenInput sur les propriétés (plus tard). Vous pouvez également passer votre objet Utilisateur comme indiqué ci-dessus à la vue - ceci a déjà la collection de Rôles enfants. Il y a quelques façons de rendre cette collection dans la vue, mais l'un des plus simple est:

<%: Html.EditorFor(m => m.Roles) %> 

ajouter maintenant un modèle d'éditeur pour l'objet de rôle pour que la ligne ci-dessus fait ce que nous voulons. Ajoutez le fichier Role.ascx dans/Views/Shared/EditorTemplates. Roles.ascx peut regarder quelque chose comme ceci:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MvcApplication5.Controllers.Role>" %> 
<%: Html.EditorFor(m => m.IsInRole) %> 
<%: Html.EditorFor(m => m.RoleId) %> 
<%: Html.EditorFor(m => m.RoleName) %> 

Vous verrez quand vous faites une source de vue que votre HTML ressemble à ceci:

<input class="check-box" id="Roles_0__IsInRole" name="Roles[0].IsInRole" type="checkbox" value="true" /><input name="Roles[0].IsInRole" type="hidden" value="false" /> 
<input id="Roles_0__RoleId" name="Roles[0].RoleId" type="hidden" value="1" /> 
RoleName1<input id="Roles_0__RoleName" name="Roles[0].RoleName" type="hidden" value="RoleName1" /> 
<input class="check-box" id="Roles_1__IsInRole" name="Roles[1].IsInRole" type="checkbox" value="true" /><input name="Roles[1].IsInRole" type="hidden" value="false" /> 
<input id="Roles_1__RoleId" name="Roles[1].RoleId" type="hidden" value="2" /> 
RoleName2<input id="Roles_1__RoleName" name="Roles[1].RoleName" type="hidden" value="RoleName2" /> 

Cela est essentiel pour le modèle de liaison lorsque votre formulaire est posté. Nous avons utilisé DisplayValue = true pour le nom d'affichage, car nous avons besoin de l'entrée masquée pour la liaison du modèle de retour, mais elle doit être en lecture seule. pour le roleId, c'est une entrée cachée et aucune valeur n'est affichée à l'utilisateur. Voir this post pour plus d'informations sur le HiddenInput. Lorsque vous publiez ce dossier, le classeur de modèle intégré MVC s'assure que votre collection de rôles est une propriété construite et que l'état des cases à cocher est correctement reflété dans votre modèle.

Answer 2

Vous pouvez créer un classeur personnalisé. Lisez here pour un exemple.