在編輯觀點

Question

超級簡單的實現多選列表框的位置使用MVC4與EF和CF（嚴重）

我有這樣一個類：

public class Feature 
{ 
    public int ID { get; set; } 
    public string Desc { get; set; } 
} 

而且一個這樣的：

public class Device //change to Devices 
{ 
    public int ID { get; set; } 
    public string Name { get; set; } 
    public virtual ICollection<Feature> Features { get; set; } 
} 

論設備模型中的編輯視圖我想爲了有包含該功能模型中的所有元素（商品說明屬性顯示）與包含在device.Features收集那些特徵預知的列表框lected。

然後，當用戶點擊保存在編輯視圖，在列表框中選定項的當前集合被寫回設備的功能集合。

控制器代碼和cshtml對於這個技巧是什麼樣的？

謝謝您的時間， 戴夫

Answer 1

與往常一樣，你可以通過編寫，將滿足您所描述的視圖要求的視圖模型開始：

public class EditDeviceViewModel 
{ 
    public IEnumerable<int> SelectedFeatures { get; set; } 
    public IEnumerable<SelectListItem> Features { get; set; } 
    public int ID { get; set; } 
    public string Name { get; set; } 
} 

，然後你的控制器：

public class DeviceController : Controller 
{ 
    public ActionResult Edit(int id) 
    { 
     Device device = (go get your device from your repository using the id) 
     IList<Feature> features = (go get all features from your repository) 

     // now build the view model 
     var model = new EditDeviceViewModel(); 
     model.ID = device.ID; 
     model.Name = device.Name; 
     model.SelectedFeatures = device.Features.Select(x => x.ID); 
     model.Features = features 
      .Select(x => new SelectListItem 
      { 
       Value = x.ID.ToString(), 
       Text = x.Name, 
      }) 
      .ToList(); 

     // pass the view model to the view 
     return View(model); 
    } 

    [HttpPost] 
    public ActionResult Edit(EditDeviceViewModel model) 
    { 
     // model.SelectedFeatures will contain the selected feature IDs here 
     ... 
    } 
} 

最後的觀點：

@model EditDeviceViewModel 

@using (Html.BeginForm()) 
{ 
    @Html.Html.HiddenFor(x => x.ID) 
    <div> 
     @Html.LabelFor(x => x.Name) 
     @Html.EditorFor(x => x.Name) 
    </div> 
    <div> 
     @Html.LabelFor(x => x.SelectedFeatures) 
     @Html.ListBoxFor(x => x.SelectedFeatures, Model.Features) 
    </div> 

    <button type="submit">Edit</button> 
}