MVC3下拉列表混淆

Question

我正在使用MVC3与EF 4.1，并试图编辑一个模型，它有一个下拉列表，这是一个父对象的引用。下面是型号：

public class Section 
{ 
    public Guid SectionId { get; set; } 
    public string Title { get; set; } 
    public virtual ICollection<Article> Articles { get; set; } 
} 

public class Article 
{ 
    public Guid ArticleId { get; set; } 
    public DateTime? DatePosted { get; set; } 
    public string Title { get; set; } 
    public string ArticleBody { get; set; } 
    public Section Section { get; set; }   
} 

这里的控制器动作来渲染编辑的GET部分：

public ActionResult Edit(Guid id) 
{ 
    Article article = db.Articles.Find(id); 
    var sections = db.Sections.ToList(); 
    var secIndex = sections.IndexOf(article.Section); 
    ViewBag.SectionId = new SelectList(sections, "SectionId", "Title", secIndex);    
    return View(article); 
} 

和视图

@model CollstreamWebsite.Models.Article 

@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Article</legend> 
     @Html.HiddenFor(model => model.ArticleId) 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.DatePosted) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.DatePosted) 
      @Html.ValidationMessageFor(model => model.DatePosted) 
     </div> 

     ... 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.Section) 
     </div> 
     <div class="editor-field"> 
      @Html.DropDownList("SectionId") 
     </div> 

     <p> 
      <input type="submit" value="Save" /> 
     </p> 
    </fieldset> 
} 

终于为编辑POST操作

​​

我遇到的问题是，当HttpPost编辑回来时，article.Section为空。如何强制视图将该部分绑定到正在编辑的文章。

任何帮助表示赞赏。

Answer 1

不要将您的模型直接推入您的视图。改用ViewModel。

事情是这样的：

视图模型

public class EditArticleViewModel 
{ 

    ///All the properties for your Article 
    ///The SelectListItems for your Sections 

    public List<SelectListItem> Sections{ get; set; } 
    public String SelectedSection{ get; set; } 


} 

编辑获取

[HttpGet] 
public ActionResult Edit(Guid id)  
{ 

    EditArticleViewModel oEditArticleViewModel = new EditArticleViewModel(); 

    //Fill in the SelectLists 
    List<SelectListItem> Sections= new List<SelectListItem>(); 
    Sections.Add(new SelectListItem() { Text = "TheSelectedSection", Value = SectionId.ToString(), Selected = true});  

    foreach(Section otherSection in AllPossibleSections) 
    { 
     Sections.Add(new SelectListItem() { Text = otherSection.Title, Value = otherSection.Id, Selected = false}); 
     } 

     oEditArticleViewModel.Sections = Sections; 


    return View(oEditArticleViewModel); 
} 

你查看

@Html.DropDownListFor(model => model.SelectedSection, Model.Sections) 
//All other needed properties with their textboxes etc. 

编辑帖子

[HttpPost] 
public ActionResult Register(EditArticleViewModel oPostedViewModel) 
{ 
    if (ModelState.IsValid) 
    { 
     //Get the Article and fill in the new properties etc. 
     //You can get the selectedSection from the SelectedSection Property, just cast it to a Guid. 


     RedirectToAction("Index", "Home"); 
    }    

    //Something went wrong, redisplay the form for correction. 
    //Make sure to fill in the SelectListItems again. 
    return View(oPostedViewModel); 
} 

希望它可以帮助