ASP.NET Core中SelectList自动选中指定值及IQueryable问题排查

问题描述 #

我想在后端自动从SelectList中选中名称为「Dave」的选项，尝试使用First_Name_SELECT = "Dave";但未生效，相关代码如下：

前端代码 #

<select asp-for="Person.First_Name" asp-items="@Model.First_Name_SELECT">
</select>

后端代码 #

[BindProperty(SupportsGet = true)]
public string? First_Name { get; set; }
public SelectList? First_Name_SELECT { get; set; }

First_Name_SELECT = new SelectList(await _services.Get_Names());
First_Name_SELECT = "Dave";

public async Task<List<string>> Get_Names()
{
    IQueryable<string> Query = (from m in _context2.Names_DbSet
                                select m.First_Names).Distinct().OrderBy(m => m);
    return await Query.ToListAsync();
}

更新补充 #

以下使用List的代码可正常实现选中，但上述使用IQueryable的First_Name_SELECT无法生效，询问是否因使用IQueryable导致，相关代码如下：

[BindProperty(SupportsGet = true)]
public string? Last_Name { get; set; }
public SelectList? Last_Name_SELECT { get; set; }

Last_Name_SELECT = new SelectList(await _services.Get_LastNames());
var testing = Last_Name_SELECT.Where(x => x.Value.Contains("Name8")).FirstOrDefault();
testing.Selected = true;

public List<SelectListItem> Get_LastNames()
{
    List<SelectListItem> Query = new List<SelectListItem>
    {
        new SelectListItem() { Selected =true, Value = "name1", Text = "name1" },
        new SelectListItem() { Value = "name2", Text = "name2" },
        new SelectListItem() { Value = "name3", Text = "name3" },
        new SelectListItem() { Value = "name4", Text = "name4" },
        new SelectListItem() { Value = "name5", Text = "name5" },
        new SelectListItem() { Value = "name6", Text = "name6" },
        new SelectListItem() { Value = "name7", Text = "name7" },
        new SelectListItem() { Value = "name8", Text = "name8" },
        new SelectListItem() { Value = "name9", Text = "name9" }
    };

    return Query;
}

问题原因及解决方法 #

1. 原始代码核心错误 #

直接给First_Name_SELECT赋值字符串"Dave"完全错误：First_Name_SELECT是SelectList类型，赋值字符串会直接覆盖之前创建的SelectList实例，导致下拉框无数据，自然无法选中。

另外，ASP.NET Core中asp-for与asp-items配合时，选中状态由asp-for绑定的属性值决定，而非直接修改SelectList的Selected属性（除非未使用asp-for）。

2. 与IQueryable无关，是用法逻辑错误 #

你误以为问题出在IQueryable，实际是两种场景的用法逻辑不同：

• 使用List时，手动修改Selected属性能生效，但这并非推荐做法。
• 用字符串列表创建SelectList的场景，正确做法是给asp-for绑定的First_Name属性赋值，而非修改SelectList。

3. 正确实现代码 #

后端修改代码

[BindProperty(SupportsGet = true)]
public string? First_Name { get; set; }
public SelectList? First_Name_SELECT { get; set; }

// 初始化SelectList
First_Name_SELECT = new SelectList(await _services.Get_Names());
// 给绑定属性赋值，asp-for会自动匹配选中对应选项
First_Name = "Dave";

public async Task<List<string>> Get_Names()
{
    IQueryable<string> Query = (from m in _context2.Names_DbSet
                                select m.First_Names).Distinct().OrderBy(m => m);
    return await Query.ToListAsync();
}

前端代码保持不变

<select asp-for="Person.First_Name" asp-items="@Model.First_Name_SELECT">
</select>

4. 备选实现方式（不推荐） #

若坚持通过修改SelectList实现，可将字符串列表转为SelectListItem集合后手动设置Selected属性：

var nameList = await _services.Get_Names();
var selectItems = nameList.Select(n => new SelectListItem { Text = n, Value = n })
                          .ToList();
var daveItem = selectItems.FirstOrDefault(n => n.Value == "Dave");
if(daveItem != null)
{
    daveItem.Selected = true;
}
First_Name_SELECT = new SelectList(selectItems, "Value", "Text");

此方式无需给First_Name赋值，但优先推荐asp-for绑定属性的方式，更符合ASP.NET Core Model绑定的设计思想。

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