MVC6 (ASP.NET5) 自定义TagHelper

1) 在 _ViewImports.cshtml 中引入TagHelper类所在的 Assembly . (注意不是namespace) :

@addTagHelper "*, WebApplication1"

2) 创建TagHelper类：

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Threading.Tasks;
 5 using Microsoft.AspNet.Razor.Runtime.TagHelpers;
 6 using Microsoft.AspNet.Razor.TagHelpers;
 7
 8 namespace WebApplication1.TagHelpers
 9 {
10     // You may need to install the Microsoft.AspNet.Razor.Runtime package into your project
11     [HtmlTargetElement("field")]
12     public class FieldTagHelper : TagHelper
13     {
14         [HtmlAttributeName("label")]
15         public string Label { get; set; }
16
17         [HtmlAttributeName("cols")]
18         public int ColumnCount { get; set; }
19
20         public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
21         {
22             output.TagName = "div";
23             output.Attributes.Add("class", "form-group");
24
25             var childContent = await output.GetChildContentAsync();
26
27             output.Content.SetHtmlContent($@"
28 <label class='col-md-{ColumnCount} control-label'>{Label}</label>
29 <div class='form-value col-md-{12 - ColumnCount}'>{childContent.GetContent()}</div>");
30         }
31     }
32 }

3）使用自定义Tag：

1 <field label="Test Label" cols="4">
2     <input asp-for="TestName" class="form-control" />
3 </field>

转载于:https://www.cnblogs.com/ybst/p/5028277.html

MVC6 (ASP.NET5) 自定义TagHelper相关推荐

asp.NET自定义服务器控件内部细节系列教程四
如大家要转载,请保留本人的版权: /* *Description:asp.NET自定义服务器控件内部细节系列教程 *Auther:崇崇-天真的好蓝 *MSN:chongchong2008@msn.co ...
asp.NET自定义服务器控件内部细节系列教程五
如大家要转载,请保留本人的版权: /* *Description:asp.NET自定义服务器控件内部细节系列教程 *Auther:崇崇-天真的好蓝 *MSN:chongchong2008@msn.co ...
ASP.NET自定义错误页面(转)
ASP.NET自定义错误页面(转) ASP.NET 提供三种用于在出现错误时捕获和响应错误的主要方法:Page_Error 事件.Application_Error 事件以及应用程序配置文件 (Web ...
让ASP.NET5在Jexus上飞呀飞
就在最近一段时间,"Visual Studio 2015 CTP 5"(以下简称CTP5)发布了,CTP5的发布不仅标志着新一代的VisualStudio正式发布又向前迈出了一步, ...
asp.NET自定义服务器控件内部细节系列教程一
如大家要转载,请保留本人的版权: /* *Description:asp.NET自定义服务器控件内部细节系列教程 *Auther:崇崇-天真的好蓝 *MSN:chongchong2008@msn.co ...
ASP.NET自定义错误页面
ASP.NET 提供三种用于在出现错误时捕获和响应错误的主要方法:Page_Error 事件.Application_Error 事件以及应用程序配置文件 (Web.config). 如果您不调用 S ...
关于TagHelper的那些事情——自定义TagHelper(内嵌TagHelper)
内嵌TagHelper 上一篇文章中提到有时候需要设计一种内嵌的TagHelper,如下: <my name="yy" age="35"><l ...
ASP.NET 自定义404错误页面
默认情况下微软已经在 Web.config 加入了如下代码: <customErrors mode="RemoteOnly" defaultRedirect="Ge ...
ASP.NET 自定义项目模板
前言在微服务架构盛行的时代,一言不合就新建一个服务,虽然搭建服务并没什么难度,但不可避免的是每个人搭建出来的架子会存在差异,这很合理,因为每个开发者的个人风格.工作经验都不一样,难免认为自己喜欢的才 ...

MVC6 (ASP.NET5) 自定义TagHelper

MVC6 (ASP.NET5) 自定义TagHelper相关推荐

最新文章

热门文章