@ Html.DropdownList pour afficher Catégorie >> Sous-catégorie >> Sous-catégorie en tant que valeur de texte

Question

J'ai une simple classe Category pour créer une table auto-référencée.

public class Category 
{ 
    public int CategoryId{get; set;} 
    public string Name {get;set; 
    public int? ParentId {get;set} 
    public virtual Category Parent {get;set} 

    public virtual ICollection<Category> Children {get;set;} 
} 

Et créer vue générée par EF a l'extérieur de la zone de la boîte pour le nouveau nom de la catégorie:

@Html.LabelFor(model => model.Name, new {@class = "control-label"}) 
@Html.EditorFor(model => model.Name,"", new{@class="form-control"} 

et une zone qui préremplit la catégorie parente sélection

@Html.LabelFor(model => model.ParentId, "Parent Category", new {@class = "control-label"}) 
@Html.DropdownList("ParentId", null, new {@class ="form-control}) 

Ceci permet des catégories avec un nombre de sous-catégories imbriquées et des sous-catégories supplémentaires imbriquées sous d'autres sous-catégories, etc ... etc ...

La vue de création vous permet de créer une nouvelle catégorie et d'attribuer une catégorie parente à l'aide d'un @Html.DropdownList qui extrait les valeurs de texte de toutes les catégories mais n'indique que la catégorie ou le nom de sous-catégorie réel.

Existe-t-il un moyen de modifier les valeurs d'affichage dans @Html.DropdownList pour afficher l'arborescence hiérarchique au lieu d'une valeur parent unique?

Ainsi, au lieu de @Html.Dropdownlist afficher « piles AAA » (la valeur de la catégorie mère de la nouvelle catégorie), il montre la valeur hiérarchique complète de la catégorie parente:

Electronic Supplies >> Batteries >> AAA Batteries 

Ceci est bien sûr est une catégorie nommée "Fournitures électroniques" avec une sous-catégorie de "Piles" et une sous-catégorie sous celle de "Piles AAA".

Answer 1

Vous avez besoin d'une méthode dans votre modèle qui génère ce nom pour vous. Quelque chose comme:

public class Category 
{ 
    public int CategoryId {get; set;} 
    public int ParentId {get; set;} 
    public string Name {get; set;} 

    public string GetFullCategoryName() 
    { 
     string result = this.Name; 

     // note: I removed the argument because it's class member. 
     Category parent = this.GetParent(); // null for top level Categories 

     while (parent != null) 
     { 
      result = parent.Name + " >> " + result; 
      parent = GetParent(parent.ParentId); 
     } 

     return result; 
    } 

    public Category GetParent() 
    { 
     // note: I just made this up, you would use whatever EF method you have... 
     return EF.GetEntity<Category>(this.ParentId); 
    } 
} 

Bien sûr, vous avez également besoin d'une méthode GetParent ...

Edit:

Voici un exemple d'utiliser cette (en faisant l'hypothèse qu'il existe un modèle avec un CategoryId propriété, et un procédé de GetAllCategories):

@Html.DropDownListFor(x => x.CategoryId, Model.GetAllCategories().Select(c => new SelectListItem() { Text = c.GetFullCategoryName(), Value = c.CategoryId })) 

Edit 2: J'ai changé le code ci-dessus pour montrer toute la classe, peut-être que cela aura plus de sens?