ASP.NET MVC中使用DROPDOWNLIST的值怎么设置「DROPDOWNLIST绑定数据】

前段时间在工作中遇到了这个问题,经过和另外同事沟通后,最终解决了,中途在我把这个事件认真的记录了下来,今天在寂寞网发不出来分享下,相信有其他朋友也会遇到,在这里希望能帮到你哈。在ASP.NET MVC中、尽管我们可以直接在页面中编写HTML控件、并绑定控件的属性、但更方便的办法还是使用HtmlHelper中的辅助方法、在View中、包含一个类型为HtmlHelper的属性Html、它为我们呈现控件提供了捷径、我们今天主要来讨论Html.DropDownList的用法、首先从Html.TextBox开始。

ASP.NET MVC中使用DROPDOWNLIST的值怎么设置「DROPDOWNLIST绑定数据】
ASP.NET MVC中使用DROPDOWNLIST的值怎么设置「DROPDOWNLIST绑定数据】

Html.TextBox有一个重载方法形式如下:

public static string TextBox(this HtmlHelper htmlHelper, string name, object value);

其中name参数为文本框name属性(以及id属性)的值、value参数为文本框的默认值(即value属性的值)、如果value参数为null或者使用没有value参数的重载方法、那么此时name参数同时还是一个键值、负责获取文本框的默认值、获取的顺序为、先从ViewData中查找是否存在键值为name值的项、如果ViewData中没有则从ViewData.Model中查找是否存在名称为name值的属性、如果仍然不存在、则返回null。(具体参见HtmlHelper的InputHelper辅助方法)

也就是说

public ActionResult Test() {
ViewData[“Name”] = “Jade”;
return View();
}

View代码

<%= Html.TextBox(“Name”)%>

//以上代码将会输出这样的HTML:
<input id=”Name” name=”Name” type=”text” value=”Jade” />

由于TextBox的id和name属性的值与ViewData中的某一项同名(均为Name)、因此TextBox的value属性的值将自动绑定为ViewData中Name项的值、不仅是ViewData、如果view model的类型包含Name属性、也将输出同样的结果。

var user = new User { Name = “Jade” };
ViewData.Model = user; return View()

如果ViewData和ViewData.Model中同时存在Name、则优先使用ViewData中的项、CheckBox、Hidden、Password、RedioButton等控件也是如此、它们与TextBox一样都使用input标记、属性绑定的规则大致相同。

DropDownList则与TextBox等控件不同、它使用的是select标记、它需要两个值:在下拉框中显示的列表、和默认选项、而自动绑定一次只能绑定一个属性、因此你需要根据需要选择是绑定列表、还是默认选项。

DropDownList扩展方法的各个重载版本“基本上”都会传递到这个方法上

public static string DropDownList(this HtmlHelper htmlHelper,
string name, IEnumerable<SelectListItem> selectList,
string optionLabel, IDictionary<string, object> htmlAttributes) {

}

如果没有指定selectList、该方法将自动绑定列表、即从ViewData中查找name所对应的值、如果提供了selectList、将自动绑定默认选项、即从selectList中找到Selected属性为true的SelectedListItem。(具体参见HtmlHelper方法的SelectInternal辅助方法)

例1:如果在Action方法中有如下代码:

List<SelectListItem> items = new List<SelectListItem>();
items.Add(new SelectListItem { Text = “Kirin”, Value = “29” });
items.Add(new SelectListItem { Text = “Jade”, Value = “28”, Selected = true});
items.Add(new SelectListItem { Text = “Yao”, Value = “24”});
this.ViewData[“list”] = items;

在View中这样使用:

<%=Html.DropDownList(“list”)%>

那么辅助方法将率先从ViewData中获取key为list的项、如果该项为IEnumerable<SelectedListItem>类型则绑定到下拉框中、否则将抛出InvalidOperationException、由于第二个SelectListItem的Selected为true、则默认选中第二个。

例2:如果Action中代码如下:

List<SelectListItem> items = new List<SelectListItem>();
items.Add(new SelectListItem { Text = “Kirin”, Value = “29” });
items.Add(new SelectListItem { Text = “Jade”, Value = “28”});
items.Add(new SelectListItem { Text = “Yao”, Value = “24”});
this.ViewData[“list”] = items; this.ViewData[“selected”] = 24;

View中的代码如下:

<%=Html.DropDownList(“selected”, ViewData[“list”] as IEnumerable<SelectListItem>)%>

那么辅助方法将ViewData[“list”]绑定为下拉框、然后从ViewData中获取key为selected的项、并将下list中Value值与该项的值相等的SelecteListItem设为默认选中项。

以上两种方法尽管可以实现DropDownList的正确显示、但并非最佳实践、在实际项目中、我们更希望在代码中使用强类型、例如上面两例中、SelectListItem的Text和Value本来是User对象的Name和Age属性、然而上面的代码却丝毫体现不出这种对应关系、如果User列表是从数据库或其他外部资源中获得的、我们难道要用这样的方式来绑定吗?

var users = GetUsers();
foreach (var user in users) {
items.Add(new SelectListItem { Text = user.Name, Value = user.Age.ToString() });
}

这显然是我们所无法容忍的、那么什么是最佳实践呢?

ASP.NET MVC为DropDownList和ListBox(都在html中使用select标记)准备了一个辅助类型:SelectList、SelectList继承自MultiSelectList、而后者实现了IEnumerable<SelectListItem>、也就是说、SelectList可以直接作为Html.DropDownList方法的第二个参数。
MultiSelectList包含四个属性、分别为:Items:用于在select标记中出现的列表、通常使用option标记表示、IEnumerable类型、 DataTextField:作为option的text项、string类型、 DataValueField:作为option的value项、string类型、 SelectedValues:选中项的value值、IEnumerable类型、显然、作为DropDownList来说、选中项不可能为IEnumerable、因此SelectList提供了一个新的属性:SelectedValue:选中项的value值、object类型、同时、SelectList的构造函数如下所示:

public SelectList(IEnumerable items,
string dataValueField, string dataTextField,
object selectedValue) : base(items, dataValueField,
dataTextField, ToEnumerable(selectedValue)) {
SelectedValue = selectedValue;
}

于是我们的代码变为:

var users = GetUsers();
var selectList = new SelectList(users, “Age”, “Name”, “24”);
this.ViewData[“list”] = selectList;

//View代码
<%=Html.DropDownList(“list”)%>

当然、你也可以使用不带selectedValue参数的构造函数重载、而在view中显式指定IEnumerable<SelectListItem>、并在ViewData或view model中指定其他与DropDownList同名的项作为默认选项。

最后让我们来回顾一下DropDownList的三种用法:建立IEnumerable<SelectListItem>并在其中指定默认选中项、建立IEnumerable<SelectListItem>、在单独的ViewData项或view model的属性中指定默认选中项、使用SelectList。

本文来自用户:IT男的投稿,不代表寂寞网立场,转载请注明出处:https://www.jimowang.com/p/4228.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 jimowangmail@126.com 举报,一经查实,本站将立刻删除。

(2)
上一篇 2022年6月14日 21:46
下一篇 2022年6月14日 22:55

相关推荐

  • 微信防封号软件与微信官方规定的区别与联系(规定介绍与对比)

    微信防封号软件与微信官方规定的区别与联系(规定介绍与对比) 微信防封号软件是许多微信用户都在使用的工具之一,它能够帮助用户防止微信账号被封禁。但是,这种软件的使用是否符合微信官方的规定呢?本文将为大家介绍微信防封号软件与微信官方规定之间的区别与联系。 1. 微信防封号软件的原理 微信防封号软件是一种通过模拟用户操作来防止微信账号被封禁的软件。它可以通过模拟用…

    技术 2023年9月12日
  • QQ互联快捷登录申请教程【新手必看】

    很高兴又和大家见面了,今天韩又元来和大家聊一聊QQ互联快捷登录申请教程,还有QQ互联图文,教程,浏览器等各种干货文章,既然来了就别走了,好好的静下心把这篇文章阅读完相信你会有一定的收获哦! QQ互联官网升级后,之前申请的QQ互联登陆就不能用了。今天重新申请了个,申请过程中遇到了不少问题,在这里给大家全部列出来,让新人少踩坑。 1、新版QQ互联登录网址是什么 …

    2022年10月23日
  • 如何选择适合自己的红酒起子?(红酒起子选购指南)

    如何选择适合自己的红酒起子?(红酒起子选购指南) 一、红酒起子的种类 红酒起子有很多种,根据不同的特点和应用场景,可以分为以下几种: 螺旋起子:这种起子通常由不锈钢或铝合金制成,表面有螺旋纹,可以逐渐拧入酒塞内,方便快捷。 夹子式起子:夹子式起子是一种比较简单的起子,它由两个夹子组成,可以夹住酒塞,然后拔出酒塞。 杠杆式起子:杠杆式起子是一种比较常见的起子,…

    2023年9月5日
  • DNS污染是什么意思?【经验之谈】

    小伙伴们大家好,今天郑钱嫣给大家分析下关于DNS污染是什么意思的问题,以及关于DNS污染服务器,服务商,域名等等一系列的相关问题,认认真真阅读完,若能把我想表达的全部理解,相信你已经离大牛不远了哈! DNS污染是什么 DNS污染指的是网络运营商在运营中,出于一些特殊原因要对DNS进行一些特殊的设置,让ISP的正常上网设置不能利用域名得到正确的IP地址。 存在…

    技术 2022年8月11日
  • 私有云搭建方案是什么?这些方案值得推荐(方案介绍和推荐)

    私有云搭建方案是指企业或组织自己创建和管理的云计算环境,相对于公有云而言,私有云更加灵活、安全,并且拥有对数据的完全控制权。下面将介绍几种值得推荐的私有云搭建方案。 1. VMware vSphere VMware vSphere是一款功能强大的虚拟化平台,它可以将物理服务器转化为虚拟的资源池,通过统一管理和调度,实现资源的高效利用。在搭建私有云环境时,vS…

    2023年9月20日
  • 网络黄页推广软件哪个好(软件推荐和比较)

    网络黄页推广软件哪个好(软件推荐和比较) 1. 黄页推广软件的重要性 随着互联网的发展,黄页推广成为企业提升曝光率和获取潜在客户的重要手段之一。而选择一款优秀的网络黄页推广软件则更加能够帮助企业取得成功。 2. 软件推荐 以下是几款备受推崇的网络黄页推广软件: 软件A: 软件A拥有功能强大的搜索引擎优化工具,能够帮助企业网站在搜索结果中获得更好的排名。同时,…

    2023年9月22日