Blazor枚举自定义下拉框：选中后维持显示文本排序的问题

核心问题定位 #

选中选项后排序失效，本质是组件在值变更或UI刷新时，重新生成的枚举选项没有执行按显示文本排序的逻辑，而是默认使用了枚举值的顺序。要解决这个问题，必须让所有生成/更新选项列表的环节都强制执行显示文本排序，而非仅在初始化时执行一次。

具体解决方案 #

1. 抽离独立的排序方法 #

把排序逻辑封装成可复用的方法，确保任何需要更新选项列表的场景都能调用：

// 假设你用List<SelectListItem>存储枚举选项
private void SortItemsByDisplayText()
{
    EnumOptions = EnumOptions.OrderBy(item => item.Text).ToList();
}

2. 拦截所有选项更新触发点 #

• 选中值变更时：在值变更回调的末尾强制执行排序，哪怕选项集合看起来没变化，也要确保排序逻辑生效：

private async Task OnSelectedValueChanged(TEnum newValue)
{
    SelectedValue = newValue;
    // 触发父组件绑定回调（如果有）
    if (ValueChanged.HasDelegate)
    {
        await ValueChanged.InvokeAsync(newValue);
    }
    // 强制重新排序选项
    SortItemsByDisplayText();
    // 手动触发UI刷新（视组件渲染逻辑决定是否需要）
    StateHasChanged();
}

• 筛选操作后：筛选完成后必须立即执行排序，保证筛选结果依然按显示文本排列：

private void ApplyFilter(string filterKeyword)
{
    // 先执行筛选逻辑
    EnumOptions = GetAllEnumItems()
        .Where(item => item.Text.Contains(filterKeyword, StringComparison.OrdinalIgnoreCase))
        .ToList();
    // 筛选后立刻排序
    SortItemsByDisplayText();
}

3. 确保基础选项列表始终有序 #

不要直接使用Enum.GetValues()返回的原始集合，每次生成基础选项时都先按显示文本排序：

private List<SelectListItem> GetAllEnumItems()
{
    return Enum.GetValues(typeof(TEnum))
               .Cast<TEnum>()
               .Select(enumValue => new SelectListItem
               {
                   Value = enumValue.ToString(),
                   Text = GetEnumDisplayText(enumValue) // 你的枚举显示文本获取方法（比如读取DisplayAttribute）
               })
               .OrderBy(item => item.Text)
               .ToList();
}

4. 检查UI绑定的集合 #

确保下拉框的选项绑定的是始终经过排序的集合，避免绑定临时生成的未排序集合：

<CustomDropdown Items="@EnumOptions" 
                SelectedValue="@SelectedValue" 
                ValueChanged="@OnSelectedValueChanged" />

关键注意事项 #

• 不要依赖OnInitialized或OnParametersSet的一次性排序，值变更、筛选等操作都会触发选项集合更新，必须在每次更新后重新排序。
• 如果使用双向绑定（@bind-Value），要确保自定义的ValueChanged回调中包含排序逻辑，因为双向绑定会自动触发该回调。
• 避免直接修改枚举原始值集合，始终基于显示文本生成并排序最终的选项列表。

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