"在自定义SelectListItem上添加选中状态"

Question

为了在视图中使用已选项填充下拉列表，您可以按照以下方式创建一个SelectList：

ViewData["MyDropDown"] = new SelectList(_context.DataTable, "ItemID", "ItemName", ItemID);

然而，如果您有一个包含自定义ListItem的下拉菜单，其形式如下：

var dropDownData = await _context.DataTable
    .Select(u => new SelectListItem { Value = u.ItemID.ToString(), Text = u.ItemName })
    .ToListAsync();

dropDownData.Add(new SelectListItem() { Value = "", Text = "-- Select --" });
ViewData["MyDropDown"] = dropDownData;

如果要使“-- Select --”选项成为被选中的项，只需在相应行添加Selected = true即可。

现在的问题是：如何从_context生成的选项中指定一个已选中的项？

谢谢！

Alex Wayne · Answer

同意 @pcalkin 的观点，您可以预先设定默认选中的客户ID。然后遍历下拉列表中的每一项，如果某一项的值等于默认选中的ID，则将这一项的 Selected 属性设置为 true。下面是一个示例：

控制器部分：

public IActionResult Index()
{
    var dropDownData = _context.Customers
        .Select(u => new SelectListItem { Value = u.Id.ToString(), Text = u.Name })
        .ToList();

    dropDownData.Add(new SelectListItem() { Value = "", Text = "-- 选择 --" });
    var defaultSelectedID = 3; // 预设的默认选中客户ID
    foreach (var item in dropDownData)
    {
        if (item.Value == defaultSelectedID.ToString())
        {
            item.Selected = true;
            break;
        }
    }

    ViewData["MyDropDown"] = dropDownData;

    return View();
}

页面视图部分：

在这个例子中，我设置了一些初始数据：

这样一来，在页面加载时，具有默认ID的选项将会显示为已选中状态：

kennebec · Answer

根据@pcalkins和@Yuning的评论，我最终确定了如下解决方案：

代码：

var dropDownData = await _context.DataTable.Select(u => new SelectListItem { Value = u.ItemID.ToString(), Text = u.ItemName }).ToListAsync();
dropDownData.Insert(0, new SelectListItem() { Value = "", Text = "-- 选择 --", Selected = true });

foreach (var item in dropDownData.Where(item => item.Value == currentID.ToString()))
{
    item.Selected = true;
    break;
}

ViewData["MyDropDown"] = dropDownData;

页面：

我在自定义的ListItem中保留了“Selected = true”。如果没有当前匹配项，则默认选项为“-- 选择 --”。

感谢大家的帮助！