将枚举类型绑定到HTML5范围控件

Question

我有一个枚举模型，并希望将其分配给范围控件（HTML5）。知道如何做到这一点。这是我的示例代码：

public enum SkillLevel
    {
        Beginner = 1,
        Intermediate,     
        Advanced,
        Professional
    }

我想在我的视图中将SkillLevel显示为滑块（type =“range”）。

Answer 1

您可以通过提供所有枚举值（例如1-4）

来简化此操作

public class Enums
{
    public enum SkillLevel
    {
        Beginner = 1,
        Intermediate = 2,     
        Advanced = 3,
        Professional = 4
    }
}

然后你的分数为1，最大值为4。

<input id="skillLevel" name="skillLevel" type="range" min="@(int)Enums.SkillLevel.Beginner" max="@(int)Enums.SkillLevel.Professional" step="1" />

然后您的Controller可以接受SkillLevel类型的表单输入，模型绑定将完成剩下的工作（因此表单中的值4将在控制器中显示为控制器中的SkillLevel.Professional）

[HttpPost]
public ActionResult Index(Enums.SkillLevel skillLevel)
{

}