wybrać pozycje z listy <T> w MVC 4 użyciu modelu wiązania

Question

otrzymuje klasa

public class Person 
{ 
    // Some general properties 

    public List<Hobby> Hobbies { get; set; } 
} 

public class Hobby 
{ 
    // Some properties e.g. Name, etc. 
} 

static List<Hobby> AllHobbies { get; } 

to możliwe, aby utworzyć widok, który pozwala użytkownikowi wybrać swoje hobby użyciu wiązania modelu?

Z pewnością będzie możliwe obejrzenie AllHobbies i wygenerowanie dla każdego z nich <input type="checkbox" />, a następnie ręczne powiązanie wybranych wartości w kontrolerze zwrotnym. Wygląda na to, że powinno to być możliwe do zrobienia z powiązaniem modelu, ale nie wiem jak.

Answer 1

Oczywiście, polecam korzystanie z szablonów edytora.

Załóżmy, że to hobby ma nazwę i logiczną pole wskazujące, czy został on wybrany przez użytkownika:

public class Hobby 
{ 
    public string Name { get; set; } 
    public bool Selected { get; set; } 
} 

następnie sterownik do zasilania modelu do widoku i przetworzyć formularz:

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     var person = new Person 
     { 
      Hobbies = new[] 
      { 
       new Hobby { Name = "hobby 1" }, 
       new Hobby { Name = "hobby 2", Selected = true }, 
       new Hobby { Name = "hobby 3" }, 
      }.ToList() 
     }; 
     return View(person); 
    } 

    [HttpPost] 
    public ActionResult Index(Person person) 
    { 
     var selectedHobbies = person 
      .Hobbies 
      .Where(x => x.Selected).Select(x => x.Name); 
     string message = string.Join(",", selectedHobbies); 
     return Content("Thank you for selecting: " + message); 
    } 
} 

wtedy, zawierającego postać pozwala użytkownikowi wybrać zainteresowania:

@model Person 

@using (Html.BeginForm()) 
{ 
    <h2>Hobbies</h2> 
    @Html.EditorFor(x => x.Hobbies) 
    <button type="submit">OK</button> 
} 

i odpowiedni szablon edytor, który zostanie automatycznie świadczonych dla każdego elementu kolekcji Hobbies (~/Views/Home/EditorTemplates/Hobby.cshtml -> Zauważ, że nazwa i lokalizacja szablonu jest ważna):

@model Hobby 

<div> 
    @Html.LabelFor(x => x.Selected, Model.Name) 
    @Html.HiddenFor(x => x.Name) 
    @Html.CheckBoxFor(x => x.Selected) 
</div> 

Dla bardziej zaawansowanych scenariuszy edycji chciałbym zalecamy przejście przez Steven Sanderson na temat blog post na ten temat.