Kann nicht ein Dropdownlist bekommen mit Ansichtsmodell

Question

Ich habe ein Ansichtsmodell für einen Blog einrichten momentan zu arbeiten:

public class PostViewModel 
{ 
    public string Title { get; set; } 
    public DateTime DateCreated { get; set; } 
    public string Content { get; set; } 
    public int CommentCount { get; set; } 
    public ICollection<Topic> Topics { get; set; } 
    public ICollection<Comment> Comments { get; set; } 
} 

, die perfekt mit dem Controller funktioniert:

private MyDB db = new MyDB(); 

public ActionResult Index() 
{ 
    var posts = (from p in db.Set<BlogPost>() 
       select new PostViewModel 
       { 
        Title = p.Title, 
        DateCreated = p.DateCreated, 
        Content = p.Content, 
        Topics = p.Topics, 
        Comments = p.Comments, 
        CommentCount = p.Comments.Count 
       }).ToList(); 

    return View(posts); 
} 

diese beiden Teile gegeben, Ich kann durch die Liste foreach und einen Blog-Post mit entsprechenden Kommentaren und Themen erstellen. Allerdings hätte ich gerne eine Dropdown-Liste auf der Seite, die eine Liste von Themen enthält. Ich vermute, ich muss auch mein ViewModel und HomeController ändern, aber ich bin mir nicht sicher, wie ich das machen soll.

@Html.DropDownListFor(???????) 

dann in mein Index.cshtml gehen würde, aber ich weiß nicht, wie ich damit umgehen würde, wenn alles andere als eine Liste kommen in ist?

Answer 1

Sie können Ihr Ansichtsmodell so anpassen, dass es alle erforderlichen Informationen enthält, die für die Ansicht erforderlich sind. Sie haben also etwas über eine Liste von Beiträgen und ein Dropdown-Menü mit Themen erwähnt. So ist es ziemlich einfach:

public class BlogViewModel 
{ 
    public PostViewModel Post { get; set; } 

    public string TopicID { get; set; } 
    public IEnumerable<SelectListItem> Topics { get; set; } 
} 

und dann natürlich müssen Sie Ihre Controller-Aktion anzupassen, so dass es von Ihrem Backend-Schichten alle benötigten Informationen abruft und schaffen die richtige Ansicht Modell zur Ansicht übergeben werden:

public ActionResult Index() 
{ 
    var posts = (from p in db.Set<BlogPost>() 
       select new PostViewModel 
       { 
        Title = p.Title, 
        DateCreated = p.DateCreated, 
        Content = p.Content, 
        Topics = p.Topics, 
        Comments = p.Comments, 
        CommentCount = p.Comments.Count 
       }).ToList(); 

    IEnumerable<Topic> topics = ... go ahead and fetch the topics you want to show in the ddl 

    var blog = new BlogViewModel 
    { 
     Posts = posts, 
     Topics = topics.Select(t => new SelectListItem 
     { 
      Value = t.ID, 
      Text = t.TopicText 
     }) 
    }; 
    return View(blog); 
} 

und schließlich die Ansicht:

@model BlogViewModel 
... 
@Html.DropDownListFor(x => x.TopicID, Model.Topics) 

und wenn Sie eine Schleife oder etwas über den Pfosten einfach verwenden Model.Posts im wetteifern wollte w wo Sie zuvor Model direkt verwendet haben, weil Ihre Ansicht stark auf IEnumerable<PostViewModel> getippt wurde.