[Asp.NetMvc]我的下拉列表扩展

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

一、思考

之前读了一篇Artech大神写的关于列表控件绑定的博文[ASP.NET MVC]通过对HtmlHelper扩展简化“列表控件”的绑定，很受益。

　　不过在具体的使用中往往会遇到一些问题，就是列表中的数据往往不是我们预先能够知道的，或者说填充列表的数据一般都是从数据库里面读取得来的，这个时候怎么做呢？

二、假设的场景

　　现在我们要做一个简单的新闻系统，只考虑新闻和类别两个实体。下面给出新闻和类别的类定义：

    /// <summary>
    /// 新闻类别
    /// </summary>
    public class Category
    {
        [DisplayName("Id")]
        public Int32 Id { get; set; }

        [DisplayName("名称")]
        public String OfName { get; set; }

        [DisplayName("标签")]
        public String Label { get; set; }
    }

    /// <summary>
    /// 新闻
    /// </summary>
    public class OurNews
    {
        public Guid Id { get; set; }

        [DisplayName("分类")]
        public Int32 CategoryId { get; set; }

        [DisplayName("标题")]
        public String Title { get; set; }

        [DisplayName("内容")]
        public String Content { get; set; }
    }

　　先预先添加一些新闻类别的数据，在contreller的构造函数中添加。并添加一个“AddNews”的Action：

        private List<Category> prevCategories;
        public HomeController()
        {
            prevCategories = new List<Category>() { 
                new Category{ Id = 0, OfName="生活", Label="SH"},
                new Category{ Id = 1, OfName="体育", Label="TY"},
                new Category{ Id = 2, OfName="学习", Label="XX"}
            };
        }

        public ActionResult AddNews()
        {
            this.ViewBag.prevCategories = this.prevCategories;　　// 新闻类别数据，用于填充下拉列表的数据
            return View();
        }

　　然后转到添加新闻的视图，在添加新闻时，我们一般都会把分类那一栏做成一个下拉列表，而我们一般做的都是构建一个List<SelectListItem>，然后直接调用Html.DropDownList即可；然而我们为了视图的整洁经常会做去扩展Html.DropDownList这个方法，就如下面给出的视图代码。1是一般的方法，2是经过扩展之后的方法。下面是两种方式书写的代码：

@{ var prevCategories = this.ViewBag.prevCategories as List<Category>;}
        <div class="editor-label">
            @Html.LabelFor(model => model.CategoryId)
        </div>
        <div class="editor-field">
            <table>
                <tr>
                    <td>1.一般流</td>
                    @{var items = new List<SelectListItem>();
                      foreach (var category in prevCategories)
                      {
                          items.Add(new SelectListItem { Text = category.OfName, Value = category.Id.ToString() });
                      }
                    }
                    <td>@Html.DropDownList("Id",items,"=请选择=")</td>
                </tr>
                <tr>
                    <td rowspan="2">2.扩展流</td>
                    <td>@(Html.DropDownList<Category>("Id", "OfName", "Id", prevCategories, "=请选择=", new { }))</td>  @*反射*@
                </tr>
                <tr>
                    <td>@(Html.DropDownList<Category>("Id", c => c.OfName,c=>c.Id.ToString(), prevCategories, "=请选择=", new { }))</td>  @*委托*@
                </tr>
            </table>
        </div>

　　先看一下效果图吧

　　DropDownList的扩展用了两种不同的方法，所以有两种写法。现在开始步入正题了

　　第1种方法的不好之处呢就是看起来有些冗余了，是不是每一次遇到这种情况都要构建List<SelectListItem>这么来一下。当然没这个必要了，那就用第二种方式吧，扩展DropDownList。

三、扩展DropDownList

　　扩展DropDownList的目的就是不想再重复构建List<SelectListItem>类，那就把List<SelectListItem>的构建放到扩展方法中来，构建时遇到的问题就是如何从获取数据源类型和填充的字段，由于在数据源类型是可变的，所以就需要用到泛型，用了泛型之后对于字段的填充问题出现了，解决的方法有两种，一个就是用到反射，另外一个就是用到委托

public static class DropDownListExtensions
    {
        /// <summary>
        /// 反射
        /// </summary>
        public static MvcHtmlString DropDownList<TEntity>(this HtmlHelper html, String name, String textField, String valueField, IList<TEntity> entityList, String optionLabel, object htmlAttributes)
        {
            var items = new List<SelectListItem>();
            var type = typeof(TEntity);
            foreach (var entity in entityList)
            {
                var textPropety = type.GetProperty(textField);
                var valuePropety = type.GetProperty(valueField);
                items.Add(new SelectListItem { Text = textPropety.GetValue(entity, null).ToString(), Value = valuePropety.GetValue(entity, null).ToString() });
            }
            return html.DropDownList(name, items, optionLabel, htmlAttributes);
        }

        /// <summary>
        /// 委托
        /// </summary>
        public static MvcHtmlString DropDownList<TEntity>(this HtmlHelper html, String name, Func<TEntity, String> textField, Func<TEntity, String> valueField, IList<TEntity> entityList, String optionLabel, object htmlAttributes)
        {
            var items = new List<SelectListItem>();
            foreach (var entity in entityList)
            {
                items.Add(new SelectListItem { Text = textField(entity), Value = valueField(entity) });
            }
            return html.DropDownList(name, items, optionLabel, htmlAttributes);
        }
    }