MVC5使用单选按钮与下拉框【转】

2021-06-28 21:05

阅读：529

标签：down log 入门入门教程 http group ota pac pytho

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

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

2.在web.config添加连接数据库的字符串（推荐使用sql server数据库，或者使用vs自带的localdb。这一步不会就乖乖去看入门教程，懒得写步骤），然后快捷键ctrl+shift+B 生成解决方案，然后新建带视图的控制器。

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

class="form-group">  
          @Html.LabelFor(model => model.B_Type, htmlAttributes: new { @class = "control-label col-md-2" })  
          class="col-md-10">  
            @Html.EnumDropDownListFor(model => model.B_Type, htmlAttributes: new { @class = "form-control" })  
              @Html.ValidationMessageFor(model => model.B_Type, "", new { @class = "text-danger" })  
          
  
        
  
      class="form-group">  
          @Html.LabelFor(model => model.B_Tag, htmlAttributes: new { @class = "control-label col-md-2" })  
          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  
              @Html.ValidationMessageFor(model => model.B_Tag, "", new { @class = "text-danger" })

4.在浏览器打开Create.cshtml视图，新建一条数据，系统在自动创建数据库时会往数据库添加你新建的数据内容

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

class="form-group">  
    @Html.LabelFor(model => model.B_Tag, htmlAttributes: new { @class = "control-label col-md-2" })  
    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  
        @Html.ValidationMessageFor(model => model.B_Tag, "", new { @class = "text-danger" })

6.如果你做了一遍，就会对流程比较清楚了，对应着改自己的项目即可。现在我还是分不清哪个漂亮，不过从实现上讲，下拉列表更易实现，只需将model类中的某一字段定义为枚举类型，就不必你改代码了呀。

MVC5使用单选按钮与下拉框【转】

标签：down log 入门入门教程 http group ota pac pytho

原文地址：http://www.cnblogs.com/KKSoft/p/7142364.html

上一篇：css基础教程学习

下一篇：PHP学习记录（二）

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：MVC5使用单选按钮与下拉框【转】
文章链接：http://soscw.com/index.php/essay/99066.html

亲，登录后才可以留言！

MVC5使用单选按钮与下拉框【转】

评论

热门文章

推荐文章

最新文章

置顶文章