MVC5使用单选按钮与下拉框

最新推荐文章于 2021-12-16 22:05:29 发布

古月今犹在

最新推荐文章于 2021-12-16 22:05:29 发布

阅读量8.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： .net平台文章标签： mvc 单选按钮

本文链接：https://blog.youkuaiyun.com/u013166622/article/details/52996401

这篇博客探讨了在MVC5中如何使用单选按钮替代下拉列表以提升界面美观性。作者通过创建model类Blog.cs，使用枚举类型并修改Create.cshtml和Edit.cshtml视图代码，实现了视图根据数据库内容自动选择和显示的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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