TagHelpers 基于验证属性为 LabelTagHelper 添加自定义类 [必需]

TagHelpers add custom class for LabelTagHelper based on validation attribute [Required](TagHelpers 基于验证属性为 LabelTagHelper 添加自定义类 [必需])

问题描述

在 Core MVC 中，有一个新概念，即标签助手.

In Core MVC there is anew concept as Tag helpers.

我们之前可以创建自定义 html 帮助器，以根据验证数据注释附加一些类，例如 [Required].

We could previously create custom html helpers to attach some classes based on the validation data annotations such as [Required].

作为 TagHelpers arq 相当新的领域，我找不到足够的资源来实现以下目标:

As TagHelpers arq quite new area I cannot find anough resources to achieve the following:

这是视图模型:

    [Required]
    public Gender Gender { get; set; }

查看:

<label class="control-label col-md-3 required" asp-for="Gender"></label>

css:

.required:after {
content: "*";
font-weight: bold;
color: red;
}

输出:

但我不想在标签中手动添加所需的 css 类.不知何故，我应该能够扩展 LabelTagHelper 以读取模型数据注释，如果它具有 [Required] 然后在标签元素中添加所需的类.

But I don't want to manully add the required css class in the label. Somehow I shoudl be able to extend the LabelTagHelper to read model data annotations and if it has the [Required] then add required class in the label element.

谢谢，

推荐答案

是的，您可以通过从 LabelTagHelper 类继承并首先将您自己的类添加到属性列表中来轻松扩展它.

Yup, you can extend this pretty easily by inheriting from the LabelTagHelper class and adding in your own class to the attribute list first.

[HtmlTargetElement("label", Attributes = "asp-for")]
public class RequiredLabelTagHelper : LabelTagHelper
{
    public RequiredLabelTagHelper(IHtmlGenerator generator) : base(generator)
    {
    }

    public override Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        if (For.Metadata.IsRequired)
        {
            CreateOrMergeAttribute("class", "required", output);
        }

        return base.ProcessAsync(context, output);
    }

    private void CreateOrMergeAttribute(string name, object content, TagHelperOutput output)
    {
        var currentAttribute = output.Attributes.FirstOrDefault(attribute => attribute.Name == name);
        if (currentAttribute == null)
        {
            var attribute = new TagHelperAttribute(name, content);
            output.Attributes.Add(attribute);
        }
        else
        {
            var newAttribute = new TagHelperAttribute(
                name,
                $"{currentAttribute.Value.ToString()} {content.ToString()}",
                currentAttribute.ValueStyle);
            output.Attributes.Remove(currentAttribute);
            output.Attributes.Add(newAttribute);
        }
    }
}

这篇关于TagHelpers 基于验证属性为 LabelTagHelper 添加自定义类 [必需]的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！