4 unter Verwendung von Modell

Question

Bindung

Bei einer Klasse

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; } 

Ist es möglich, eine Ansicht zu erstellen, die der Benutzer seine Hobbys auswählen kann mit Modell verbindlich?

Es wäre sicherlich möglich, in der Ansicht AllHobbies zu durchlaufen und jeweils <input type="checkbox" /> rendern, dann die ausgewählten Werte von Hand in den Postback-Controller verdrahten. Es scheint, dass dies mit Modellbindung machbar sein sollte, aber ich sehe nicht wie.

Answer 1

Sicher, ich würde Ihnen empfehlen, Editor-Vorlagen zu verwenden.

Nehmen wir an, ein Hobby, einen Namen und ein boolean Feld hat der angibt, ob es durch den Benutzer ausgewählt wurde:

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

dann ein Controller das Modell in der Ansicht zu füttern und zu verarbeiten, um die Formulareinreichung:

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); 
    } 
} 

dann eine Ansicht, die die Form enthält, so dass der Benutzer Hobby auszuwählen:

@model Person 

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

und eine Editor Vorlage entspricht, die für jedes Element der Hobbies Sammlung automatisch gerendert werden (~/Views/Home/EditorTemplates/Hobby.cshtml -> Hinweis, dass der Name und Speicherort der Vorlage wichtig ist): erweiterte Bearbeitungsszenarien

@model Hobby 

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

Ich will uns Ich empfehle Ihnen, die Steven Sanderson's blog post zu diesem Thema zu gehen.