asp.net mvc 3.0详细笔记__16__自定义的 HtmlHelper类方法
2014-01-05 16:30
597 查看
如想您仅仅想了解更多拓展方法请参照:/article/11620026.html
如果您是来跟进系列讲义的请继续向下学习:
.NET MVC 扩展方法也是一种静态方法,也能像实例方法一样被调用。
.NET MVC 3中扩展方法特点:
(1)扩展类的类型是static;
(2)扩展方法至少有一个参数,第一个参数必须指定该方法作用于哪个类型,并且该参数以 this 修饰符为前缀;
(3)扩展方法的类型是static;
(4)如果拓展方法的返回值是字符串则返回类型是MvcHtmlString,而不是string;
(5)页面调用必须用using指令导入扩展类型所在的命名空间。
(1)我们发现之前在管理页面好像存在一个显示不友好的问题,就是我们的表格长度会根据字段实际内容来显示。那么试想如果某个字段的长度很长是不是会导致页面很难看,难看到我们自己都不想看,那怎么会有人认可我们的软件,又有谁会承认我们的付出?所以,要做就要做好,否则就不做,因此在很多正规的软件开发公司都会制定自己的UI/UE(
User Interface/UserExperience:用户接口/用户体验),让开发人员仔细的考虑,站在用户的角度去思考。我们的唱片名称和艺术家名称可能比较长,这就会影响到我们的页面。下面我们创建一个自定义的HtmlHelper 类扩展方法来使得我们可以轻易地截断比较长的字符串。
(2)在MyMusicStore上右键单击选择“添加”,“新建文件夹”,如图2.1
图2.1
(3)文件夹名称设为Helpers,右键单击该文件吗,选择“添加”,“类”,名称设为“HtmlHelpers”,编写代码,如代码3.1
代码3.1
将@Html.Label(item.Artist.Name)改成@Html.StringTruncate(item.Artist.Name,10) ;
将@Html.Label( item.Title)改成@Html.StringTruncate(item.Title, 10)
(5)执行程序,结果会发现唱片名称和艺术家名称的显示给人很舒服的感觉。如图5.1
图5.1
如果您是来跟进系列讲义的请继续向下学习:
.NET MVC 扩展方法也是一种静态方法,也能像实例方法一样被调用。
.NET MVC 3中扩展方法特点:
(1)扩展类的类型是static;
(2)扩展方法至少有一个参数,第一个参数必须指定该方法作用于哪个类型,并且该参数以 this 修饰符为前缀;
(3)扩展方法的类型是static;
(4)如果拓展方法的返回值是字符串则返回类型是MvcHtmlString,而不是string;
(5)页面调用必须用using指令导入扩展类型所在的命名空间。
(1)我们发现之前在管理页面好像存在一个显示不友好的问题,就是我们的表格长度会根据字段实际内容来显示。那么试想如果某个字段的长度很长是不是会导致页面很难看,难看到我们自己都不想看,那怎么会有人认可我们的软件,又有谁会承认我们的付出?所以,要做就要做好,否则就不做,因此在很多正规的软件开发公司都会制定自己的UI/UE(
User Interface/UserExperience:用户接口/用户体验),让开发人员仔细的考虑,站在用户的角度去思考。我们的唱片名称和艺术家名称可能比较长,这就会影响到我们的页面。下面我们创建一个自定义的HtmlHelper 类扩展方法来使得我们可以轻易地截断比较长的字符串。
(2)在MyMusicStore上右键单击选择“添加”,“新建文件夹”,如图2.1
图2.1
(3)文件夹名称设为Helpers,右键单击该文件吗,选择“添加”,“类”,名称设为“HtmlHelpers”,编写代码,如代码3.1
代码3.1
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MyMusicStore.Helpers { public static class HtmlExtensions { public static MvcHtmlString StringTruncate(this HtmlHelper htmlHelper, string input, int length) { if (input.Length <= length) { return MvcHtmlString.Create(input); } else { return MvcHtmlString.Create(input.Substring(0, length) + "..."); } } } }(4)现在可以更新StoreManager文件夹下Index.cshtml方法的代码了,
将@Html.Label(item.Artist.Name)改成@Html.StringTruncate(item.Artist.Name,10) ;
将@Html.Label( item.Title)改成@Html.StringTruncate(item.Title, 10)
(5)执行程序,结果会发现唱片名称和艺术家名称的显示给人很舒服的感觉。如图5.1
图5.1
相关文章推荐
- ASP.Net MVC开发基础学习笔记:二、HtmlHelper与扩展方法
- asp.net MVC - 小鸟系列之自定义HTML辅助方法
- dhl: 在 ASP.NET MVC 中创建自定义 HtmlHelper 使用扩展方法创建 HTML Helper
- asp.net mvc 3.0详细笔记__02__项目文件结构概述
- asp.net mvc 3.0详细笔记__04__项目文件结构详解_Models
- asp.net mvc 3.0详细笔记__05__项目文件结构详解_Views
- 【原创】Asp.net MVC 学习笔记之-为什么使用Html.TextBox方法会出现异常?
- 转:自定义ASP.NET MVC Html辅助方法
- Asp.Net MVC对类HtmlHelper的自定义扩展方法以及如何调用
- asp.net mvc 3.0详细笔记__18__EF的下载
- asp.net mvc 3.0详细笔记__15__Razor
- asp.net mvc 3.0详细笔记__06__项目文件结构详解_Content和Scripts
- asp.net mvc 3.0详细笔记__12__Razor超链接Html.ActionLink()
- asp.net mvc 3.0详细笔记__08__项目文件结构详解_Web.config
- [转]自定义ASP.NET MVC Html辅助方法
- asp.net mvc 3.0详细笔记__11__创建分部视图
- ASP.NET MVC---自定义HtmlHelper方法
- ASP.Net MVC开发基础学习笔记(2):HtmlHelper与扩展方法
- ASP.Net MVC开发基础学习笔记(2):HtmlHelper与扩展方法
- ASP.Net MVC开发基础学习笔记:二、HtmlHelper与扩展方法