MVC5使用单选按钮与下拉框

某人认为下拉列表的呈现形式不如单选按钮漂亮，我只好去测试一下单选按钮与下拉框了。测试代码如下：

1.model类Blog.cs（类型使用枚举类型，自动生成的视图会以下拉列表形式显示）：

using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
namespace WebTest.Models
{
public enum B_Type
{
原创,转载,翻译
}
public class Blog
{
[Key]
public int B_Id { get; set; }
[DisplayName("标题")]
public string B_Title { get; set; }
[DisplayName("内容")]
public string B_Content { get; set; }
[DisplayName("类型")]
public B_Type B_Type { get; set; }
[DisplayName("标签")]
public string B_Tag { get; set; }
}
}

3.修改自动生成的Create.cshtml视图代码如下（仔细看一下更改部分）：

<div class="form-group">
@Html.LabelFor(model => model.B_Type, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EnumDropDownListFor(model => model.B_Type, htmlAttributes: new { @class = "form-control" })</span>
@Html.ValidationMessageFor(model => model.B_Type, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.B_Tag, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@*@Html.EditorFor(model => model.B_Tag, new { htmlAttributes = new { @class = "form-control" } })*@
@Html.RadioButtonFor(model=>model.B_Tag, "c#",new { htmlAttributes = new { @class = "form-control" } })C#
@Html.RadioButtonFor(model => model.B_Tag, "java", new { htmlAttributes = new { @class = "form-control" } })Java
@Html.RadioButtonFor(model => model.B_Tag, "python", new { htmlAttributes = new { @class = "form-control" } })Python</span>
@Html.ValidationMessageFor(model => model.B_Tag, "", new { @class = "text-danger" })
</div>
</div>

5.修改Edit.cshtml视图代码如下（注意观察不同，视图呈现时会自动选中数据库存储的内容的）：

<div class="form-group">
@Html.LabelFor(model => model.B_Tag, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@*@Html.EditorFor(model => model.B_Tag, new { htmlAttributes = new { @class = "form-control" } })*@
@Html.RadioButtonFor(model => model.B_Tag, "c#", new { htmlAttributes = new { @class = "form-control" } })C#
@Html.RadioButtonFor(model => model.B_Tag, "java", new { htmlAttributes = new { @class = "form-control" } })Java</span>
@Html.RadioButtonFor(model => model.B_Tag, "python", new { htmlAttributes = new { @class = "form-control" } })Python
@Html.ValidationMessageFor(model => model.B_Tag, "", new { @class = "text-danger" })
</div>
</div>

最后

以上就是阳光香菇为你收集整理的MVC5使用单选按钮与下拉框的全部内容，希望文章能够帮你解决MVC5使用单选按钮与下拉框所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。