EditorFor () pour une liste de type complexe (MVC)

Je suis en train de créer un EditorFor() pour une Liste d'un Type Complexe. Plus précisément les "Options" ci-dessous devrait s'affichent dans un multitext d'entrée où chaque option(chaîne de caractères) est dans une nouvelle ligne. Cependant, je ne peut afficher qu'une option dans la zone de texte et pas toutes les options....

Mon point de Vue, le Modèle et la Classe:

public class ItemViewModel
{
    public int itemId { get; set; }

    [UIHint("Option")]
    public List<Option> Options { get; set; }
}
public class Option
{
    public string Text { get; set; }
}

Mon Éditeur De Modèles:

EditorTemplates\Item.cshtml

@model ItemViewModel
@Html.EditorFor(model => model.Options)

EditorTemplates\Option.cshtml

//Not sure how to dispay the options here
<textarea rows="4" cols="50">
Display Options
</textarea>

Si je mettre à jour mon EditorTemplates:

EditorTemplates\Item.cshtml

@model ItemViewModel
@Html.EditorFor(model => model.Options[0])

EditorTemplates\Option.cshtml

@Html.TextBoxFor(x => x.OptionText)

Il affiche la première option dans la zone de texte. Mais, encore une fois ce que je suis en train de réaliser est pour afficher toutes les options dans un multitext d'entrée.

Des idées?

source d'informationauteur piris

  1. 14

    Vous près de l'avoir.

    Dans ce EditorTemplates\Option.cshtml ajouter les éléments suivants:

    @model IEnumerable<Option>
@foreach(var option in Model)
{
   @Html.TextBoxFor(m => option.Text)
}

    Puis l'appeler dans votre vue comme:

    @Html.EditorFor(model => model.Options)

    Si vous n'êtes pas lors du remplissage de vos options sur l'obtenez, vous aurez besoin d'ajouter ceci dans votre ItemViewModel classe:

    public class ItemViewModel
{
    public ItemViewModel()
    {
        Options = new List<Option>();
    }
    public int itemId { get; set; }

    [UIHint("Option")]
    public List<Option> Options { get; set; }
}

    Ce constructeur initialise la collection:

    public ItemViewModel()
{
    Options = new List<Options>();
}
  2. 13

    Il suffit de créer une vue dans Shared/EditorTemplates/Option.cshtml

    @model Option

@Html.TextBoxFor(m => m.Text)

    Et appel

    @Html.EditorFor(model => model.Options)

    EditorFor parcourt collection pour vous.

  3. 0

    Je suis tombé sur le même problème et j'ai la solution mais un peu similaire avec hutchonoid.

    Donc, la première partie est même, de modifier l'Option.cshtml comme suit:

    @model IEnumerable<Option>
@foreach(var option in Model)
{
   @Html.TextBoxFor(m => option.Text)
}

    Et au Point.cshtml, j'appelle l'Option.cshtml à l'aide de Html.Partielle, comme suit:

    @Html.Partial("Option", model:Model.Options)

    Et dans mon cas, je n'ai pas à modifier le ItemViewModel classe.
    Espérons que cela peut être l'alternative la réponse à ce problème.
    Cheers!

  4. -3

    À l'aide de @hutchonoid's réponse, vous devriez appeler le modèle dans la vue:

    @Html.EditorFor(model => Model.Options)

    au lieu de

    @Html.EditorFor(model => model.Options)

    et s'il vous plaît noter, la Option.cshtml modèle est en
    Views\Item\EditorTemplates\Option.cshtml ou View\Shared\EditorTemplates\Option.cshtml