MVC 自己实现RadioButtonList方法

博主的原则一贯就是有图有真相:
这里写图片描述

代码实现如下:

using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Web.Mvc.Html;
using System.Web.UI.WebControls;

namespace System.Web.Mvc
{
    public static class RadioButtonListExtensions
    {
        public static IEnumerable<SelectListItem> ToSelectList(this Enum enumValue)
        {
            return from Enum e in Enum.GetValues(enumValue.GetType())
                   select new SelectListItem
                   {
                       Selected = e.Equals(enumValue),
                       Text = e.ToDescription(),
                       Value = Convert.ToInt32(Enum.Parse(enumValue.GetType(), e.ToString(), true)).ToString()
                   };
        }

        public static string ToDescription(this Enum value)
        {
            var attributes = (DescriptionAttribute[])value.GetType().GetField(
              value.ToString()).GetCustomAttributes(typeof(DescriptionAttribute), false);
            return attributes.Length > 0 ? attributes[0].Description : value.ToString();
        }

        public static MvcHtmlString RadioButtonList(this HtmlHelper htmlHelper, string name,
            IEnumerable<SelectListItem> selectList, RepeatDirection repeatDirection = RepeatDirection.Horizontal)
        {
            var sb = new StringBuilder();
            if (selectList != null)
            {
                foreach (SelectListItem item in selectList)
                {
                    var label = htmlHelper.Label(name, item.Text, new { onClick = "$('input[type=\"radio\"][name=\"" + name + "\"]').removeAttr('checked'); $(this).prev().prop('checked','checked'); " });
                    var radio = htmlHelper.RadioButton(name, item.Value, item.Selected, new { id = name + "_" + item.Value }).ToHtmlString();
                    sb.AppendFormat("<{2} class=\"RadioButton\">{0}{1}</{2}>",
                       radio, label, (repeatDirection == RepeatDirection.Horizontal ? "span" : "div"));
                }
            }
            return MvcHtmlString.Create(sb.ToString());
        }
    }
}

RadioButtonList的枚举如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace System.Web.Mvc
{
    public enum RadioButtonListEnum
    {
        葫芦娃1 = 1,
        葫芦娃2 = 2,
        葫芦娃3 = 3,
        葫芦娃4 = 4,
        葫芦娃5 = 5,
        葫芦娃6 = 6,
        葫芦娃7 = 7
    }
}

前台调用如下:

@{
    ViewBag.Title = "Home Page";
}

<div class="jumbotron">
    <h1>葫芦娃的MVC</h1>
    <p class="lead">葫芦娃测试MVC</p>
</div>

<div class="row">
    <div class="col-md-4">
        <h2>Get RadioButtonList Horizontal</h2>
        <p>@Html.RadioButtonList("HuLuWaRadioButton",  RadioButtonListEnum.葫芦娃1.ToSelectList(),System.Web.UI.WebControls.RepeatDirection.Horizontal)</p>
    </div>
    <div class="col-md-4">
        <h2>Get RadioButtonList Vertical</h2>
        <p>@Html.RadioButtonList("HuLuWaRadioButton", RadioButtonListEnum.葫芦娃1.ToSelectList(), System.Web.UI.WebControls.RepeatDirection.Vertical)</p>
    </div>
</div>
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值