Blazor/Razor：带枚举的 InputSelect？

Question

如何使用枚举 class 的值作为InputSelect的选项？

示例枚举：

public enum Test
{
    Test1,
    Test2
}

我正在使用 Blazor 和Razor components 。

Answer 1

这是一个如何在 InputSelect 组件中使用枚举的工作示例：

<EditForm EditContext="@EditContext">
    <DataAnnotationsValidator />

    <div class="form-group">
        <label for="name">Enter your Name: </label>
        <InputText Id="name" Class="form-control" @bind-Value="@comment.Name"></InputText>
        <ValidationMessage For="@(() => comment.Name)" />

    </div>
    <div class="form-group">
        <label for="body">Select your country: </label>

        <InputSelect @bind-Value="@comment.Country" >
          
            @foreach (var country in Enum.GetValues(typeof(Country)))
            {
            
                <option value="@country">@country</option>
            }
        </InputSelect>
               
        <ValidationMessage For="@(() => comment.Country)" />
    </div>

    <p>
        <button type="submit">Submit</button>
    </p>
</EditForm>
   
@code
    {
    private EditContext EditContext;
    private Comment comment = new Comment();

   
    protected override void OnInitialized()
    {
        EditContext = new EditContext(comment);


        base.OnInitialized();
    }

    public enum Country
    {
        USA = 1,
        Britain,
        Germany,
        Israel

    }
    public class Comment
    {

        public string Name { get; set; }
        public Country Country { get; set; }
    }
    
}

希望这可以帮助...

Answer 2

所以简而言之就是这样：

<InputSelect @bind-Value="@YourEnum">
    @foreach (var value in Enum.GetValues<YourEnumType>()) {
        <option value="@value">@value</option>
    }
</InputSelect>

Answer 3

@enet 答案是正确的。

除此之外，有时枚举值不接受特定字符。 如果您已过滤或更改枚举值以正确存储，则可以编辑枚举值的显示以在代码中显示特定字符。 就像下面在我的枚举中一样，我用下划线替换所有空格。 因此您可以将其添加到代码中以正确显示下拉列表中的枚举值。

<InputSelect @bind-Value="@updateUserDetails.Nationality" class="dropDownSelectList">
    @foreach (var countryName in Enum.GetValues(typeof(Nationality)))
        {
         <option value="@countryName">@(@countryName.ToString().Replace("_", " ").Replace("HH", "-"))</option>
        }
</InputSelect>

Answer 4

<select>

    @foreach (var Item in Enum.GetValues(typeof( DayOfWeek)))
    {
        <option value="@Item">@Item</option>
    }