Blazor：如何为多个枚举类使用选择选项 Razor 组件？

Question

我有一个选择选项组件，它绑定和填充特定枚举类的值。但是，我也希望相同的组件也可以用于另一个枚举类。我尝试修改组件并使用typeof 和dynamic，但它不起作用。如何为多个枚举类重复使用相同的选择选项组件？

在我的页面中调用组件：

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

选择选项组件：

// 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);
            }
        }

枚举类 - PropertyType：

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

枚举类 - DriverType：

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

错误：

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

Answer 1

我用两个枚举进行测试，它可以工作。我在演示中使用EnumProperty 而不是@bind-EnumProperty，我正在使用.net 5：

剃须刀：

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

}

司机：

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

    }

结果：