利用DropDownList实现下拉

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

在视图的Model<Vo>里面我们需要使用IEnumerable来将别的列表的数据全部的转化为下拉列表。下面是关于在项目中实际的写法。

一:实现下拉属性列表的写法

  通过使用SelectListItem来自动填充到DropDownList中,形成下拉框。

  我们想要在前台页面将数据变为下拉就要用到DropDownList这个特性标签来实现,但是使用的前提是要在Action里面进行设置,对Value和Text进行赋值。

下面是属性的写法,是IEnumerable<>接口类型

public class CreatCustomerView

{

public CreatCustomerView()

{

this.Schools = new List<SelectListItem>();

}

/// <summary>

/// 外键

/// </summary>

[Display(Name = "学校"), Required(ErrorMessage = "不能选择为空")]

public Guid SchoolId { get; set; }

/// <summary>

/// 学校的导航属性

/// </summary>

public IEnumerable<SelectListItem> Schools { get; set; }

/// <summary>

/// OpenId:跟微信绑定的唯一表示,从微信处获取

/// </summary>

public string OpenId { get; set; }

}

写成这样就是想将其Schools放在一个集合里面,而且在上面初始化的时候写成了SelectListItem。

   SelectListItem代表System.Web.Mvc的实例的选择项。SelectList类。这里将在Action里面进行相关的设置。

IEnumerable<T>接口类型:这个是实现Foreach遍历所必须的,因为所有的集合和数据都继承自这个接口,并且支持非泛型方法的简单迭代,是集合访问器。定义一种扩展方法,用来对数据集合中元素进行遍历,过滤,排序,搜索等操作。

二:在Action里面的写法 

这里就是为其Value和Text进行赋值。

public ActionResult ChooseSchool()

{

var entity = new CreatCustomerView();

entity.Schools = _schoolService.GetAll()

.Where(x => x.Id != Guid.Empty)

.Select(x => new SelectListItem

{

Text = x.Name,

Value = x.Id.ToString()

}).ToList();

return View(entity);

}

首先通过GetALL方法来取出数据库表中的数据,通过Select对其进行赋值,转换为ToList()的形式,在将其传到视图。这里就是为其里面赋值,为将来在前台页面进行Foreach做准备。

三:View视图里面的写法

在视图里面是通过HtmlHelper中的DropDownList来实现的,但是DropDownList的现实要通过下面的三个步奏来实现。 

其实就是前面两个步奏中的内容,下面是View中的代码。

@{

ViewBag.Title = "选择学校";

Layout = "~/Views/Shared/_LayoutNew.cshtml";

}

@using System.Runtime.InteropServices

@model ExPRess.Weixin.Web.Models.CreatCustomerView

<div class="header"><a href="@Url.Action("Index","Member")" class="btn btn-link btn-xs pull-left">返回</a>选择学校</div>

@using (Html.BeginForm(null, null, FormMethod.Post))

{

<input type="hidden" value="@ViewBag.OpenId" name="OpenId" />

<div class="col-sm-5 center" style="margin: auto;position: absolute; top: 0; left: 0; bottom: 0; right: 0; ">

<br/><br/><br />

@Html.LabelFor(x => x.SchoolId)

@Html.DropDownListFor(x => x.SchoolId, Model.Schools, new { @class = "form-control" })

@Html.ValidationMessageFor(x => x.SchoolId)

<br/>

<input type="submit" class="btn btn-success btn-sm btn-block" value="选择学校"/>

</div>

}

通过里面的@Html.DropDownListFor(x => x.SchoolId, Model.Schools, new { @class = "form-control" }) 来实现下拉的结果。

四:显示结果

附件:DropDownList知识参考资料http://www.cnblogs.com/kirinboy/archive/2009/10/28/use-dropdownlist-in-asp.net-mvc.html

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航