ASP.NET MVC HtmlHelper 类的扩展方法
再ASP.NET MVC编程中用到了R语法,在View页面编辑HTML标签的时候,ASP.NET MVC 为我们准备好了可以辅助我们写这些标签的办法,它们就是HtmlHelper。微软官方地址是:https://msdn.microsoft.com/zh-cn/library/system.web.mvc.html(v=vs.118).aspx
在此,整理了一份对应的表格,以便快速记忆。
HTML <select> 标签(下拉列表)
<select name="selectTag">
<optgroup label="水果">
<option value="1">苹果</option>
<option value="2" selected="selected">香蕉</option>
<option value="3">梨</option>
</optgroup>
<optgroup label="蔬菜">
<option value="4" disabled="disabled">小白菜</option>
<option value="5">菠菜</option>
<option value="6">青菜</option>
</optgroup>
<optgroup label="衣服" disabled="false">
<option value="7">上衣</option>
<option value="8">裤子</option>
<option value="9">内衣</option>
</optgroup>
</select>
显示效果:
使用思路:
1、首先要建立数据源,也就是下拉列表里的数据
2、数据源里的数据项类型是SelectListItem类型,它有5个属性,分别是
string类型的 Text 要显示的文本,
string类型的 Value 文本对于的值,
bool类型的 Selected 代表是否被选中了,单选<select>标签只能有一个true,默认为false,可以不些,
bool类型的 Disabled 表示选择项是否可用,
最后一个类型复杂些,SelectListGroup 类型的 Group ,表示选项的分组。SelectListGroup类型有2个参数,一个是string类型的Name,也就是分组的名称,第二个属性为bool类型的Disabled 表示是否可用,如果不可用,那么其下的项都不能用,显示为灰色的。
3、然后建立一个列表,类型为List<SelectListItem>,然后把从数据库或其他地方来的数据填充到这个列表及列表项中。
4、把列表实例传递到view页面
5、在页面的@Html.DropDownList()中显示出来
public SelectList MyList()
{
var group1 = new SelectListGroup() { Name = "Group 1" };
var group2 = new SelectListGroup() { Name = "Group 2" }; var items = new List<SelectListItem>(); items.Add(new SelectListItem() { Value = "", Text = "Item 1", Group = group1 });
items.Add(new SelectListItem() { Value = "", Text = "Item 2", Group = group2 }); return new SelectList(items, "Value", "Text");
}
有Group示例1
public ActionResult Index()
{ ViewBag.Items = GetSelectItemListSource(); return View();
} [NonAction]
public IList<SelectListItem> GetSelectItemListSource()
{
//创建分组 var gruop1 = new SelectListGroup() {Name = "Group 1"};
var gruop2 = new SelectListGroup() {Name = "Group 2", Disabled = true};
var gruop3 = new SelectListGroup() {Name = "Group 3"}; //创建项
var selectItems = new List<SelectListItem>()
{
new SelectListItem() {Value = "", Text = "Item 1", Selected = true, Group = gruop1},
new SelectListItem() {Value = "", Text = "Item 2", Group = gruop2, Disabled = true},
new SelectListItem() {Value = "", Text = "Item 3", Group = gruop3},
};
return selectItems;
}
有Group示例2
View页面:@Html.DropDownList("Items")
显示效果:
SelectExtensions 类:表示支持在列表中进行选择
https://msdn.microsoft.com/zh-cn/library/system.web.mvc.html.selectextensions(v=vs.118).aspx
在@Html.DropDownList() 文本上按F12查看源码:
DropDownList(HtmlHelper, String)
DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>)
DropDownList(HtmlHelper, String, String)
DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>, IDictionary<String, Object>)
DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>, Object)
DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>, String)
DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>, String, IDictionary<String, Object>)
DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>, String, Object)
-------------------
DropDownListFor<TModel, TProperty>(HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IEnumerable<SelectListItem>)
DropDownListFor<TModel, TProperty>(HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IEnumerable<SelectListItem>, IDictionary<String, Object>)
DropDownListFor<TModel, TProperty>(HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IEnumerable<SelectListItem>, Object)
DropDownListFor<TModel, TProperty>(HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IEnumerable<SelectListItem>, String)
DropDownListFor<TModel, TProperty>(HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IEnumerable<SelectListItem>, String, IDictionary<String, Object>)
DropDownListFor<TModel, TProperty>(HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IEnumerable<SelectListItem>, String, Object)
详解DropDownList(String)
1、首先在Action方法里构建需要的数据,数据类型为
public ActionResult Index()
{
var items = new List<SelectListItem>()
{
new SelectListItem() {Text = "苹果", Value = "1", Selected = false},
new SelectListItem() {Text = "香蕉", Value = "2", Selected = true},
new SelectListItem() {Text = "菠萝", Value = "2", Selected = false}
};
ViewBag.Items = items; return View();
}
View @Html.DropDownList("Items")
显示效果:第二项被默认选中
生成的HTML源码:
<select id="Items" name="Items">
<option value="1">苹果</option>
<option value="2" selected="selected">香蕉</option>
<option value="2">菠萝</option>
</select>
小结:
比较奇怪,为什么就这么神奇的绑定了呢?求解释,我也不知道为什么?!
一个String类型参数的方法字符串的名字要与后台传来的 SelectListItem 类型的参数要一致,即Items,大小写不区分。
DropDownList 方法将呈现一个元素,该元素使用户能够从下拉列表中选择一个项。 列表中的每个项是一个 SelectListItem 对象。
调用 DropDownList 方法与使用 select 元素之间的区别是,DropDownList 方法旨在便于绑定到视图数据或模型数据。
2个参数的:DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>)
第一个参数String表示为<select>标签的name和id,第二个为下拉列表项
3个字符串参数的方法:DropDownList(String, String)
View:@Html.DropDownList("items","-请选中-")
显示效果:
HTML源码:
<select id="items" name="items">
<option value="">-请选中-</option>
<option value="1">苹果</option>
<option value="2" selected="selected">香蕉</option>
<option value="2">菠萝</option>
</select>
4、3个参数的:DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>, IDictionary<String, Object>)
name 和selectList参数就不说了,和上面的一样,第3个参数是泛型的字典接口类型, 可以为标签添加属性(特性)
View:@Html.DropDownList("Items", ViewBag.Items as SelectList, new { @style = "width:280px;", size = "20", disabled = "disabled" })
显示效果:
HTML源码:
<select disabled="disabled" id="Items" name="Items" size="20" style="width:280px;">
<option value="1">苹果</option>
<option selected="selected" value="2">香蕉</option>
<option value="2">菠萝</option>
</select>
5、DropDownList(HtmlHelper, String, IEnumerable<SelectListItem>, Object)
ASP.NET MVC HtmlHelper 类的扩展方法的更多相关文章
- 扩展ASP.NET MVC HtmlHelper类
在这篇帖子中我会使用一个示例演示扩展ASP.NET MVC HtmlHelper类,让它们可以在你的MVC视图中工作.这个示例中我会提供一个简单的方案生成Html表格. HtmlHelper类 Htm ...
- ASP.NET MVC学前篇之扩展方法、链式编程
ASP.NET MVC学前篇之扩展方法.链式编程 前言 目的没有别的,就是介绍几点在ASP.NETMVC 用到C#语言特性,还有一些其他琐碎的知识点,强行的划分一个范围的话,只能说都跟MVC有关,有的 ...
- Asp.Net MVC以 JSON传值扩展方法
Asp.Net在客户端和服务器端,以JSON形式相互传值,可写扩展方法,用到的类型如下: DataContractJsonSerializer类: 该类在System.Runtime.Serializ ...
- Asp.Net MVC以JSON传值扩展方法
Asp.Net在客户端和服务器端,以JSON形式相互传值,可写扩展方法,用到的类型如下: DataContractJsonSerializer类: 该类在System.Runtime.Serializ ...
- [转]ASP.NET MVC HtmlHelper扩展之Calendar日期时间选择
本文转自:http://blog.bossma.cn/asp_net_mvc/asp-net-mvc-htmlhelper-calendar-datetime-select/ 这里我们扩展HtmlHe ...
- 【ASP.NET MVC系列】浅谈ASP.NET MVC八大类扩展(上篇)
lASP.NET MVC系列文章 [01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操 ...
- ASP.Net string 类的扩展方法 [转]
string 类的扩展方法列表(基本相同于 IEnumerable<T> 接口的成员列表): Aggregate<> //累加 All<> / ...
- asp.net mvc htmlHelper
ASP.NET MVC 3.0 HTML辅助方法 HTML辅助方法(html helper)是用来帮助生成HTML的方法. 1.HTML辅助方法应用实例 ◊ 生成form元素 @using (Ht ...
- ASP.NET MVC HtmlHelper用法集锦
ASP.NET MVC HtmlHelper用法集锦 在写一个编辑数据的页面时,我们通常会写如下代码 1:<inputtype="text"value='<%=View ...
随机推荐
- 探Java多线程Thread类和Runnable接口之间的联系
首先复习一下Java多线程实现机制,Java实现多线程方法有如下这么几种: 1.继承了(extends)Thread类 2.实现了(implements)Runnable接口 也就是说 有如下两种情 ...
- JS中访问对象的两种方式区别
可以使用下面两种方式访问对象的属性和方法 1.对象名.属性名 对象名.方法名() 2.对象名["属性名"] 对象名["方法名"]() var obj = { n ...
- codeforces 477D
题意:给定一个长度<=5000的二进制字符串S,以及一个初始为0的n,有一下两种操作: 1. 输出n(n>=1并且为2进制形式输出) 2.n=n+1 每次选择一种操作.. 求:1.有多少方 ...
- Swift简单实现一个常规条款、免责声明文字+带有链接的展示形式
效果: IMG_F08DABE063A6-1.jpeg class DisclamerView: UIView { //@objc weak var vc:UIViewController? // ...
- 解决rpm conflicts with file from package的两个方法
1.卸载掉冲突的文件,安装新的文件.如果由于由于依赖关系导致要卸载很多软件,那可以优先考虑下一个方法. 2.安装的时候增加–replacefiles参数,例如 rpm -ivh xxx.rpm –re ...
- delphi 过滤开头 结尾 全部 空格的函数
function TrimAnsi(const S: AnsiString): Ansistring; var I, L: Integer; begin L := Length(S); I := ; ...
- Mirror--不同SQL Server版本使用的默认镜像端点加密算法不同
在搭建镜像时遇到一个小问题,搭建镜像时报错,排查好半天,对证书/用户/登陆/连接授权等方面都做了逐一排查,未发现异常,最后生成镜像端点创建脚本时,才发现问题原因: 镜像主节点(10.50.4276)的 ...
- SQL Server主要系统视图说明
SELECT * FROM sys.all_columns --显示属于用户定义对象和系统对象的所有列的联合--https://docs.microsoft.com/zh-cn/sql/relatio ...
- ASP.NET写的一个博客系统
由于域名闲置,正好也有服务器空间,短期内开发了一个博客系统. 大家都来谈 http://www.djdlt.com 目前是开放注册,免费发布.(限于空间有限,图片还是尽量少传些) 网站架构: ASP ...
- qt在windows下编译遇到的一些问题
软件是在linux上写的,然而搬到windows上来遇到了好多问题.... 想跪.... 首先就是压根编译不了的问题....这个问题困扰我好久了....一直报错undefined reference ...