MVC 中的@Html.DropDownList下拉框的使用

MVC 中的下拉框 实现方式，下面为大家介绍一个我自己认为比较好用的实现方式，而二话不说直接上代码：

第一步： 后台代码

//公共的方法
//在每次需要展示下拉框的时候，需要调用一下这个方法 【数据源是DB数据库】
private void _ProductExtensions( BtDbContext _ctx )
        {
            #region 商品分类

            List<SelectListItem> listProductTypes = new List<SelectListItem>();
            listProductTypes.Add(new SelectListItem()
            {
                Text = "商品分类",
                Value = ""
            });

            //直接查询数据库中的数据，将其绑定到list中
            listProductTypes.AddRange(_ctx.ProductTypes.Select(t => new SelectListItem()
            {
                Text = t.TypeName,
                Value = t.TypeId.ToString()
            }).ToList());

            ViewData["ProductTypes"] = listProductTypes;

            #endregion
}

//枚举的创建
 /// <summary>
        /// 本系统订单状态
        /// </summary>
        [Serializable]
        [ProtoContract]
        [Description("订单状态")]
        public enum OrderStatus
        {
            /// <summary>
            /// 全部
            /// </summary>
            [Description("全部")]
            [ProtoEnum(Value = 0)]
            NoSetting = 0,

            /// <summary>
            /// 未派单
            /// </summary>
            [Description("未派单")]
            [ProtoEnum(Value = 1)]
            NoSendOrder = 1,
}

//调用的方式同上，唯一不同的是数据源 这里使用的数据源是 来自枚举

private void _OrderExtensions()
        {
            #region 订单状态

            Dictionary<string, int> dic = new Dictionary<string, int>();

            dic = typeof(EnumHelper.OrderStatus).ToDictionary(); //这个ToDictionary()是自己扩展的一个方法

            List<SelectListItem> listOrderState = new List<SelectListItem>();

            listOrderState.Add(new SelectListItem()
            {
                Text = "订单状态",
                Value = ""
            });

            foreach (var item in dic)
            {
                listOrderState.Add(new SelectListItem()
                {
                    Text = item.Key,
                    Value = item.Value.ToString()
                });
            }

            ViewData["OrderStates"] = listOrderState;
            #endregion
}

补充扩展方法：

    public static Dictionary<string, int> ToDictionary(this Type type)
        {
            Dictionary<string, int> dic = new Dictionary<string, int>();

            foreach (var e in Enum.GetValues(type))
            {
                var des = e.GetType().GetField(e.ToString()).GetCustomAttributes(typeof(DescriptionAttribute), false).FirstOrDefault<object>() as DescriptionAttribute;
                string key = e.ToString();

                if (des != null)
                {
                    key = des.Description;
                }

                dic.Add(key, (int)e);
            }

            return dic;
        }

第二步：前端调用

@{

    //商品分类  初始加载
    List<SelectListItem> listProductTypes = ViewData["ProductTypes"] as List<SelectListItem>;
}

//直接在MVC 标签中调用就ok了
 @Html.DropDownList("TypeId", listProductTypes, new
               {
                   datatype=@"/^[1-9]+$/",
                   sucmsg=" ",
                   nullmsg="请选择商品分类",
                   errormsg="请选择商品分类"
               })

第三步：展示结果：

1、读取DB 数据源的样式

aaarticlea/png;base64,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" alt="" />

2、读取枚举的样式图

aaarticlea/png;base64,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" alt="" />