Blazor：如何为多个枚举类使用 Select Option Razor 组件？

Question

I have a select option component that binds and populates values for a specific enum class . However, I want the same component to work for another enum class too. I tried to modify the component and use typeof and dynamic but it did not work. How can I re-use the same select option component for multiple enum classes?

Calling the component in my pages:

<SelectEnumComponent @bind-EnumProperty="@driver.DriverType"
                            EnumType="@(typeof(DriverType))"/>

Select Option Component:

// SelectEnumComponent.razor

    <div class="form-group">
        <select class="form-control" 
                value="@EnumProperty"
                @onchange="OnValueChanged">
            @foreach (var type in Enum.GetValues(EnumType))
            {
                <option value="@type">@type</option>
            }
        </select>
    </div>
    
        @code {
    
            [Parameter]
            public dynamic EnumProperty { get; set; }
    
            [Parameter]
            public EventCallback<dynamic> EnumPropertyChanged { get; set; }
    
            [Parameter]
            public Type EnumType { get; set; }
    
            private Task OnValueChanged(ChangeEventArgs e)
            {
                EnumProperty = Enum.Parse(EnumType, e.Value.ToString(), true); // case insensitive
                return EnumPropertyChanged.InvokeAsync(EnumProperty);
            }
        }

Enum Class - PropertyType:

public enum PropertyType
    {
        [Display(Name = "String")]
        String,
        [Display(Name = "Numeric")]
        Numeric,
        [Display(Name = "Double")]
        Double,
        [Display(Name = "Enumeration")]
        Enumeration,
        [Display(Name = "Boolean")]
        Boolean
    }

Enum Class - DriverType:

public enum DriverType
    {
        [Display(Name = "WEB API")]
        API,
        [Display(Name = "Device")]
        Device,
        [Display(Name = "SSD")]
        SSD
    }

Error:

error CS1503: Argument 2: cannot convert from 'Microsoft.AspNetCore.Components.EventCallback<SharedModels.DriverType>' to 'Microsoft.AspNetCore.Components.EventCallback'

Answer 1

I test with both enums and it can work.I use EnumProperty rather than @bind-EnumProperty in the demo and I'm using .net 5:

razor:

      <SelectEnumComponent EnumProperty="@driver.DriverType" EnumType="@(typeof(DriverType))" />
        <SelectEnumComponent EnumProperty="@driver.PropertyType" EnumType="@(typeof(PropertyType))" />
@code {
    [Parameter]
    public Driver driver { get; set; } = new Driver();

}

Driver:

public class Driver
    {
        public DriverType DriverType { get;set; }
        public PropertyType PropertyType { get; set; }

    }

result: