6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】 (2)

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

看这样就实现了,可以在多个页面实现【内联HTML Helpers】Inline HTML Helpers了。

2.1 现在来看看,内置的HTML Helpers中的标准 HTML Helpers了

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

运行效果如下:

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

 2.2 现在开始学习 【Built-In HTML Helpers】内置的HTML之强类型HTML Helpers了

在Models文件夹下创建一个UserInfo类

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

为了演示这个强类型的,我新建一个控制器Account,并创建Index视图:

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

运行程序:

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

2.3 现在看看模板化的HTML Helpers怎么做

我们在Account控制器中,添加一个Temp方法:并创建Temp视图:

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

 

 

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

 

 运行到Temp页面:

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

 

 发现@Html.EditorForModel()自动为我们创建了控件

3.最后我们来看看,怎么创建自定义HTML Helpers

创建一个Custom控制器:

6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】

创建一个CustomClass:

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace HTMLHelpersWithMVC.Common { public static class CustomClass { /// <summary> /// 扩展方法实现方式--创建提交按钮 /// </summary> /// <param>扩展类对象</param> /// <param>按钮名称</param> /// <param>按钮值</param> /// <returns></returns> public static MvcHtmlString CreateSubmit(this HtmlHelper helper, string name, string value) { var btn = "<input type='submit' value='"+value+"'/>"; return new MvcHtmlString(btn); } /// <summary> /// 静态类实现方式--创建提交按钮 /// </summary> /// <param>按钮名称</param> /// <param>按钮值</param> /// <returns></returns> public static MvcHtmlString CreateSubmit(string name, string value) { var btn = "<input type='submit' value='" + value + "'/>"; return new MvcHtmlString(btn); } } }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zypdgx.html