什么是标签助手等价于 Html.EditorFor

Question

如果我在字符串类型的属性上使用Html.EditorFor，则生成的元素默认为“文本”类型的<input>。

或者，如果属性具有属性[DataType(DataType.MultilineText)]，则Html.EditorFor 生成<textarea>。

但是，如果我使用标签助手，那么我必须为自己选择元素类型，例如<input asp-for='MyProperty' />。这可以使用有关属性的信息来确定输入的类型（文本、日期、电子邮件等），但将始终生成 <input>，而不是 <textarea>，即使我有 [DataType] 属性。

这似乎违背了我可以在一个地方从单行更改为多行的想法：模型。现在我必须浏览所有相关视图并自己进行更改。

在我看来，我完全有可能编写自己的标签助手，它可以查看属性属性并决定是生成 <input> 还是 <textarea>，但我找不到任何对预定义的引用.

有没有这种预定义的标签助手，如果没有，有什么原因吗？

Answer 1

使用与 Html.EditorFor 等效的标签助手的新方法是在标签助手本身中使用旧的 HtmlHelper。看看这个博客，你可能会找到你需要的东西，或者改用我的代码。 http://blog.techdominator.com/article/using-html-helper-inside-tag-helpers.html

 [HtmlTargetElement("editor", TagStructure = TagStructure.WithoutEndTag, 
    Attributes = ForAttributeName + "," + TemplateAttributeName)]
public class EditorTagHelper : TagHelper
{
    private IHtmlHelper _htmlHelper;

    private const string ForAttributeName = "asp-for";
    private const string TemplateAttributeName = "asp-template";

    [HtmlAttributeName(ForAttributeName)]
    public ModelExpression For { get; set; }


    [HtmlAttributeName(TemplateAttributeName)]
    public string Template { get; set; }

    [ViewContext]
    [HtmlAttributeNotBound]
    public ViewContext ViewContext { get; set; }

    public EditorTagHelper(IHtmlHelper htmlHelper)
    {
        _htmlHelper = htmlHelper;
    }

    public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        if (context == null)
            throw new ArgumentNullException(nameof(context));

        if (output == null)
            throw new ArgumentNullException(nameof(output));

        output.SuppressOutput();

        (_htmlHelper as IViewContextAware).Contextualize(ViewContext);

        output.Content.SetHtmlContent(_htmlHelper.Editor(For.Name, Template));

        await Task.CompletedTask;
    }
}

Answer 2

对于它的价值，您讨论的某些内容实际上是InputTagHelper 的一部分。它将根据属性类型（布尔复选框等）在不同的输入类型之间动态切换。但是，正如您所指出的，它只会生成一个输入，因为它明确地是一个 input taghelper。 textareas 有一个完全不同的 taghelper。 技术上可以创建一个自定义标签助手来实现您想要的，但是需要做大量的工作。如需参考，请参阅source for InputTagHelper。此时，无法从标签助手调用其他标签助手，因此您基本上需要将InputTagHelper 的整个代码与TextAreaTagHelper 的代码合并到自定义标签助手中。通过从InputTagHelper 继承自定义标签助手，然后覆盖Process 以调用base.Process()，然后自定义输出，您可能会为自己节省一点工作。然而，再一次，这比这里的简单答案要复杂得多。

长短，是的，这可以通过自定义标签助手来实现，但需要一些工作。就我个人而言，考虑到这只是一种情况：使用 textarea 切换输入以实现多行输入，我认为这比它的价值要多一些，如果您愿意，从技术上讲，您仍然可以使用EditorFor。

如果你想走这条路，微软有an article/tutorial 可以给你一个好的开始。除此之外，只需研究现有助手的来源即可。

Answer 3

到目前为止，还没有标签助手可以实现这一点，但您可以创建自己的类似标签。

    [HtmlTargetElement("editor-for")]
    public class EditorForTagHelper : TagHelper
    {
        private const string TemplateValuesDictionaryName = "template-all-data";
        private const string HtmlAttributesDictionaryName = "html-all-data";

        private IDictionary<string, object> _templateValues;
        private IDictionary<string, string> _htmlAttributes;

        public ModelExpression For
        {
            get; set;
        }

        /// <summary>
        /// Display template name  to use for rendering
        /// </summary>
        public string Template
        {
            get; set;
        }

        /// <summary>
        /// Additional parameters for the template.
        /// </summary>
        [HtmlAttributeName(TemplateValuesDictionaryName, DictionaryAttributePrefix = "template-")]
        public IDictionary<string, object> TemplateValues
        {
            get
            {
                if (_templateValues == null)
                    _templateValues = new Dictionary<string, object>(StringComparer.OrdinalIgnoreCase);

                return _templateValues;
            }
            set
            {
                _templateValues = value;
            }
        }

        /// <summary>
        /// Additional htmlattributes for the control template
        /// </summary>
        [HtmlAttributeName(HtmlAttributesDictionaryName, DictionaryAttributePrefix = "html-")]
        public IDictionary<string, string> HtmlAttributes
        {
            get
            {
                if (_htmlAttributes == null)
                    _htmlAttributes = new Dictionary<string, string>(StringComparer.OrdinalIgnoreCase);

                return _htmlAttributes;
            }
            set
            {
                _htmlAttributes = value;
            }
        }


        [HtmlAttributeNotBound]
        [ViewContext]
        public ViewContext ViewContext
        {
            get; set;
        }

        /// <summary>
        /// Creates a new <see cref="DisplayForTagHelper"/>.
        /// </summary>        
        public EditorForTagHelper()
        {
        }

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            if (context == null)
                throw new ArgumentNullException(nameof(context));

            if (output == null)
                throw new ArgumentNullException(nameof(output));


            if (For != null)
            {
                TemplateValues.AddOrUpdate("htmlAttributes", HtmlAttributes.ToDictionary(e => e.Key, e => (object)e.Value));
                var control = ViewContext.GenerateEditor(For,For.Name, Template, TemplateValues);
                output.Content.AppendHtml(control);
            }
        }
    }

Answer 4

扩展“Prince Owusu”提供的答案，我对其进行了修改，以便“模板”属性是可选的：

[HtmlTargetElement("editor", TagStructure = TagStructure.WithoutEndTag,
    Attributes = ForAttributeName)]
public class EditorTagHelper : TagHelper
{
    private readonly IHtmlHelper _htmlHelper;

    private const string ForAttributeName = "asp-for";
    private const string TemplateAttributeName = "asp-template";

    [HtmlAttributeName(ForAttributeName)]
    public ModelExpression For { get; set; }


    [HtmlAttributeName(TemplateAttributeName)]
    public string Template { get; set; }

    [ViewContext]
    [HtmlAttributeNotBound]
    public ViewContext ViewContext { get; set; }

    public EditorTagHelper(IHtmlHelper htmlHelper)
    {
        _htmlHelper = htmlHelper;
    }

    public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        if (context == null)
            throw new ArgumentNullException(nameof(context));

        if (output == null)
            throw new ArgumentNullException(nameof(output));

        if (!output.Attributes.ContainsName(nameof(Template)))
        {
            output.Attributes.Add(nameof(Template), Template);
        }

        output.SuppressOutput();

        (_htmlHelper as IViewContextAware).Contextualize(ViewContext);

        output.Content.SetHtmlContent(_htmlHelper.Editor(For.Name, Template));

        await Task.CompletedTask;
    }
}

这将是这样使用的：

<editor asp-for="MyModel.EmailAddress"/>

相当于：

@Html.EditorFor(x => x.MyModel.EmailAddress)

在我的使用示例中，我没有指定模板，因此 ASP.NET 将查找与我的“EmailAddress”属性类型匹配的模板。如果我想指定一个模板，我会这样使用它：

<editor asp-for="MyModel.EmailAddress" asp-template="MyEmailTemplate"/>