Asp.net MVC 视图(三)

Html辅助方法(HtmlHelper类)

可以通过视图的Html属性调用HTML辅助方法,也可以通过Url属性调用URL辅助方法,还可以通过Ajax属性调用Ajax辅助方法。

在控制器中也存在Url辅助方法。

所有输出模型值和特性值的辅助方法都会在渲染之前,对值进行HTML编码。例如:< 转义为 &lt; 等。

Html辅助方法的工作原理

每个Razor视图都继承了基类的Html属性,Html属性的类型是System.Web.Mvc.HtmlHelper<T>,T代表传递给视图的模型类型(默认dynamic)。Html属性提供了一些可以在视图中调用的实例方法,更多的实际上是扩展方法(ASP.NET MVC所有的HtmlHelper扩展方法都是在System.Web.Mvc.Html(在Views/web.config里引入)这个命名空间中定义)。

常用的Html辅助方法

1、Html.BeginForm

示例: @using(Html.BeginForm("Search","Home",FormMethod.Get))

{

<input type="text" name="querystring"/>

<input type="submit" value="Search"/>

}

在服务端,BeginForm辅助方法与路由引擎协调工作生成合适的URL,从而当应用程序部署位置发生变化时,依然可以链接到正确地址。

注意:BeginForm辅助方法调用期间生成一个起始标签<form>,并返回一个实现了接口IDisposable的对象。当视图中的代码执行到结束using语句的花括号位置时,隐式调用Dipose方法生成一个结束标签</form>。

2、Html.ValidationSummary

3、Html.TextBox和Html.TextArea

示例:@Html.TextBox("Title",Model.Title)

@Html.TextArea("text","hello <br/> world",10,80,null);

结果:<input id="Title" name="Title" type="text" value="Model的Title值"/>

<textarea id="text" name="text" rows="10" cols="80">hello &lt;br /&gt;</textarea>

4、Html.Label

示例:@Html.Label("GenreId")

结果:<label for="GenreId">Genre</label>

5、Html.DropDownList和Html.ListBox

DropDownList和ListBox辅助方法都返回一个<select/>元素,区别在于DropDownList允许单项选择,ListBox支持多项选择(将multiple特性值设置为multiple)

注意事项:在控制器中需要提供select元素的数据源

示例: public ActionResult Edit(int id)

{

var album=storeDB.Albums.Single(a=>a.AlbumId==id);

ViewBag.Genres=new SelectList(storeDB.Genres.OrderBy(g=>g.Name),"GenreId","Name",album.GenreId);

return View(album);

}

SelectList构造函数的参数指定了原始集合(数据库中的Genres表),作为value值传递给后台的属性GenreId,作为text显示文本的属性Name以及当前所选项的值album.GenreId

为了避免反射开销,也可以将上面代码的红色部分改为

ViewBag.Genres=storeDB.Genres.OrderBy(g=>g.Name).AsEnumerable()

.Select(g=>new SelectListItem{

Text=g.Name,

Value=g.GenreId.ToString(),

Selected=album.GenreId==g.GenreId

});

6、Html.ValidationMessage

示例:@Html.ValidationMessage("Title","Title中有敏感词");

结果:<span class="field-validation-error" data-valmsg-for="Title" data-valmsg-replace="false">Title中有敏感词</span>

只有当键值“Title”在模型状态中出现错误时才显示。

注意:必须先在控制器中将Title属性添加到模型状态中,即:

[HttpPost]

public ActionResult Edit(int id,FormCollection collection)

{

var album=storeDB.Albums.Find(id);

ModelState.AddModelError("Title","Title中必须含有数字");

return View(album);

}

这里"Title中必须含有数字"将被"Title中有敏感词"重写。

7、Html.Hidden

示例:@Html.Hidden("usercode","admin")

结果:<input id="usercode" name="usercode" type="hidden" value="admin"/>

8、Html.Password

示例:@Html.Password("LoginPassword")

结果:<input id="LoginPasssword" name="LoginPassword" type="password"  value=""/>

9、Html.RadioButton

示例:@Html.RadioButton("color","red")

@Html.RadioButton("color","blue",true)

@Html.RadioButton("color","green")

结果:

<input id="color" name="color" type="radio" value="red"/>

<input id="color" name="color" type="radio" value="blue" checked="checked"/>

<input id="color" name="color" type="radio" value="green"/>

???id不能重复吧

10、Html.CheckBox

CheckBox辅助方法是唯一一个渲染出两个元素的辅助方法

示例:@Html.CheckBox("IsEnabled")

结果:<input id="IsEnabled" name="IsEnabled" type="checkbox" value="true"/>

<input id="IsEnabled" type="hidden" value="false"/>

HTML规范中规定浏览器只提交“选中”的复选框的值,隐藏元素保证了即便用户没有选择这个复选框,IsEnabled也有值(false)被提交。

时间: 2024-08-11 13:25:04

Asp.net MVC 视图(三)的相关文章

ASP.NET MVC 视图(三)

ASP.NET MVC 视图(三) 前言 上篇对于Razor视图引擎和视图的类型做了大概的讲解,想必大家对视图的本身也有所了解,本篇将利用IoC框架对视图的实现进行依赖注入,在此过程过会让大家更了解的视图,最后还会简单的介绍一下自定义的视图辅助器是怎么定义和使用的. ASP.NET MVC 视图 l  自定义视图引擎 l Razor视图引擎执行过程 l Razor视图的依赖注入.自定义视图辅助器 l  分段.分部视图的使用 l  Razor语法.视图辅助器   Razor视图的依赖注入 首先我们

ASP.NET MVC 视图(五)

ASP.NET MVC 视图(五) 前言 上篇讲解了视图中的分段概念.和分部视图的使用,本篇将会对Razor的基础语法简洁的说明一下,前面的很多篇幅中都有涉及到视图的调用,其中用了很多视图辅助器,也就是相当于传统webform中的服务器控件,它们都是给我们带来方便的.都是用于生成Html代码的. ASP.NETMVC 视图 l  自定义视图引擎 l Razor视图引擎执行过程 l  Razor视图的依赖注入.自定义视图辅助器 l  分段.分部视图的使用 l  Razor语法.视图辅助器 Razo

ASP.NET MVC 视图(一)

ASP.NET MVC 视图(一) 前言 从本篇开始就进入到了MVC中的视图部分,在前面的一些篇幅中或多或少的对视图和视图中的一些对象的运用进行了描述,不过毕竟不是视图篇幅说的不全面,本篇首先为大家讲解一下自定义视图引擎的定义和使用,由此慢慢的来了解视图引擎以及视图模块的工作过程. ASP.NETMVC 视图 l 自定义视图引擎简易示例 l Razor视图引擎执行过程 l  Razor视图的依赖注入.自定义视图辅助器 l  分段.分部视图的使用 l  Razor语法.视图辅助器 自定义视图引擎

ASP.NET MVC 视图(四)

ASP.NET MVC 视图(四) 前言 上篇对于利用IoC框架对视图的实现进行依赖注入,最后还简单的介绍一下自定义的视图辅助器是怎么定义和使用的,对于Razor语法的细节和辅助器的使用下篇会说讲到,本篇来讲解一下视图中的分段概念.和分部视图的使用. ASP.NET MVC 视图 自定义视图引擎 Razor视图引擎执行过程 Razor视图的依赖注入.自定义视图辅助器 分段.分部视图的使用 Razor语法.视图辅助器 分段.分部视图的使用 分段的使用 在ASP.NET MVC框架的Razor引擎中

ASP.NET MVC 视图(二)

ASP.NET MVC 视图(二) 前言 上篇中对于视图引擎只是做了简单的演示,对于真正的理解视图引擎的工作过程可能还有点模糊,本篇将会对由MVC框架提供给我们的Razor视图引擎的整个执行过程做一个粗略的讲解,目的在于让大家对Razor视图引擎的执行过程留个印象以便联想的思考到视图引擎的作用以及视图在MVC框架中的表示. ASP.NET MVC 视图 自定义视图引擎 Razor视图引擎执行过程 Razor视图的依赖注入.自定义视图辅助器 分段.分部视图的使用 Razor语法.视图辅助器 Raz

ASP.NET MVC 过滤器(三)

ASP.NET MVC 过滤器(三) 前言 本篇讲解行为过滤器的执行过程,过滤器实现.使用方式有AOP的意思,可以通过学习了解过滤器在框架中的执行过程从而获得一些AOP方面的知识(在顺序执行的过程中,这种编程模式就是横向的插入点),言归正传,我们还是以学习过滤器为主.对于IAuthorizationFilter授权认证过滤器的使用篇幅,我知道怎么用但是写不出来,里面包含知识点很多,功底尚浅写了一半又给删掉了,宁愿不发也不能坑人,在后面的学习中假使我可以掌握了,一定会及时的写出来跟大家分享.这个目

(转)Asp.Net Mvc视图引擎Razor介绍

Asp.Net Mvc视图引擎Razor介绍 1.Razor介绍 程序园原创,转载请注明:http://www.kwstu.com/ArticleView/dabaomvc_201408240820545275 1)ASP.NET MVC3 带来了一种新的名为Razor 的视图引擎,提供了下列优点: Razor 的语法简单且清晰,只需要最小化的输入 Razor 容易学习,语法类似于 C# 和 VB Visual Studio 对于 Razor 提供了智能提示和语法着色 Razor 视图不需要允许

为ASP.NET MVC视图输出json

做个小小练习,为asp.net mvc视图输出json字符串: 创建JsonResult操作: 创建此视图: 浏览结果:

Asp.net MVC 视图引擎

Asp.net MVC视图引擎有两种: 1.ASPX View Engine 这个做过WebForm的人都清楚 设计目标:一个用于呈现Web Form页面的输出的视图引擎. 2.Razor View 在Asp.net MVC 3 版本引入的, 可以支持UnitTest,也容易上手. Razor在减少代码冗余.增强代码可读性和vs 智能感知方面,都有着很大的优势. 下面主要讨论下视图引擎 ActionResult 讲到视图引擎,不得不说ActionResult,因为在Controller中,我们看