如何在MVC6中从ViewModel为下拉列表加载动态值？

嘿，看起来你已经迈出了从ViewModel加载动态下拉列表的第一步，我来帮你补全剩下的关键部分，让这个功能正常跑起来：

1. 先完善你的ViewModel定义 #

首先得确保你的OrgVM类有合适的属性来存储区域列表，以及绑定用户选择的区域ID。我给你补全这个类的定义：

public class OrgVM
{
    // 这里可以添加组织的其他属性，比如组织名称、地址等
    public int SelectedRegionId { get; set; } // 用来绑定用户选择的区域ID
    
    // 你原有的区域列表属性
    public List<Region> Regions { get; set; }
    
    // 更推荐的写法：直接用SelectListItem，视图层不用再转换
    // public List<SelectListItem> RegionOptions { get; set; }
}

2. 优化控制器的区域获取逻辑 #

你的getRegions方法可以简化一下，没必要先把整个表ToList再投影，直接在EF查询里完成投影更高效：

private List<Region> GetRegions()
{
    return context.Regions
        .Select(s => new Region 
        { 
            Id = s.RegionId, 
            Name = s.Name 
        })
        .ToList();
}

// 如果用SelectListItem的话，方法可以改成这样：
private List<SelectListItem> GetRegionSelectList()
{
    return context.Regions
        .Select(s => new SelectListItem 
        { 
            Value = s.RegionId.ToString(), // 值要转成字符串，下拉列表的value都是字符串类型
            Text = s.Name 
        })
        .ToList();
}

对应的Create方法如果用SelectListItem的话，就改成：

public ActionResult Create() 
{ 
    OrgVM model = new OrgVM(); 
    model.RegionOptions = GetRegionSelectList(); 
    return View(model); 
}

3. 在视图里渲染下拉列表 #

接下来就是在Razor视图里把ViewModel里的区域列表转换成下拉控件了，分两种情况：

情况1：用你原有的List<Region> #

需要在视图里手动转换成SelectList：

@model OrgVM

<div class="form-group">
    @Html.LabelFor(m => m.SelectedRegionId, "选择区域")
    @Html.DropDownListFor(m => m.SelectedRegionId, 
        new SelectList(Model.Regions, "Id", "Name"), // 第一个参数是数据源，第二个是value字段，第三个是显示文本字段
        "--请选择区域--", // 默认提示选项
        new { @class = "form-control" }) // 给控件加样式类
    @Html.ValidationMessageFor(m => m.SelectedRegionId) // 显示验证错误信息
</div>

情况2：用List<SelectListItem>（更简洁） #

因为已经在控制器里转好了，视图直接用就行：

@model OrgVM

<div class="form-group">
    @Html.LabelFor(m => m.SelectedRegionId, "选择区域")
    @Html.DropDownListFor(m => m.SelectedRegionId, 
        Model.RegionOptions, 
        "--请选择区域--", 
        new { @class = "form-control" })
    @Html.ValidationMessageFor(m => m.SelectedRegionId)
</div>

4. 别忘了处理POST请求的情况 #

如果表单验证失败，返回视图的时候一定要重新加载区域列表，不然下拉列表会变成空的：

[HttpPost]
public ActionResult Create(OrgVM model)
{
    if (ModelState.IsValid)
    {
        // 这里写你的表单提交逻辑，比如把组织信息保存到数据库
        return RedirectToAction("Index");
    }
    
    // 验证失败，重新加载区域列表
    model.RegionOptions = GetRegionSelectList();
    // 如果你用的是List<Region>，就改成model.Regions = GetRegions();
    return View(model);
}

内容的提问来源于stack exchange，提问作者Madhav