将枚举类型绑定到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" /> 

然后

控制器可以接受SkillLevel类型的表单输入和模型结合将完成剩下的（所以4将窗体上的价值将在您的控制器出现在你的控制器SkillLevel.Professional）

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

}