• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [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);
        }
    }

四、总结

   感觉道理说得不是很清楚,但是用的时候还是觉得蛮方便的,所以就分享给大家了。

  示例程序:点击这里下载

 

作者:Xanthondont

出处:http://www.cnblogs.com/hbq-fczzw/archive/2012/04/18/2455813.html 

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap