编辑视图中多选列表框的超简单实现

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 模型的 Edit 视图中，我希望有一个 ListBox，其中包含 Feature 模型的所有元素（显示的 Desc 属性），并且这些特征包含在 device.Features 集合中预先选择。

然后，当用户在 Edit 视图上单击 Save 时，ListBox 中所选项目的当前集合被写回到设备的 Features 集合中。

这个技巧的控制器代码和 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>
}