MVC 6引入了Tag Helpers作为@ Html.EditorFor的更好替代品。可以创建自定义编辑器模板。也可以创建自定义标记助手。
但是,在创建Tag Helper时,需要通过C#代码(使用TagBuilder等)创建HTML。对于复杂的Tag Helpers,它不如使用Razor语法那么方便。
我有什么方法可以让我从Razor页面创建自定义Tag Helper吗?
答案 0 :(得分:14)
TagHelper
的美妙之处在于,您可以通过多种不同的方式将C#和Razor混合在一起。因此,假设您有一个自定义Razor模板,例如:
CustomTagHelperTemplate.cshtml
@model User
<p>User name: @Model.Name</p>
<p>User id: @Model.Id</p>
你有模特:
namespace WebApplication1
{
public class User
{
public string Name { get; set; }
public int Id { get; set; }
}
}
TagHelper
:
using System.IO;
using System.Threading.Tasks;
using Microsoft.AspNet.Mvc;
using Microsoft.AspNet.Mvc.Rendering;
using Microsoft.AspNet.Razor.Runtime.TagHelpers;
using Microsoft.Framework.WebEncoders;
namespace WebApplication1
{
public class UserTagHelper : TagHelper
{
private readonly HtmlHelper _htmlHelper;
private readonly IHtmlEncoder _htmlEncoder;
public UserTagHelper(IHtmlHelper htmlHelper, IHtmlEncoder htmlEncoder)
{
_htmlHelper = htmlHelper as HtmlHelper;
_htmlEncoder = htmlEncoder;
}
[ViewContext]
public ViewContext ViewContext
{
set
{
_htmlHelper.Contextualize(value);
}
}
public string Name { get; set; }
public int Id { get; set; }
public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
{
output.TagName = null;
output.SelfClosing = false;
var partial = await _htmlHelper.PartialAsync(
"CustomTagHelperTemplate",
new User
{
Name = Name,
Id = Id
});
var writer = new StringWriter();
partial.WriteTo(writer, _htmlEncoder);
output.Content.SetContent(writer.ToString());
}
}
}
然后您可以编写以下页面:
@addTagHelper "*, WebApplication1"
<user id="1234" name="John Doe" />
生成:
<p>User name: John Doe</p>
<p>User id: 1234</p>