c# - Asp.NET Core 自定义 Input Tag Helper 呈现重复的复选框

Question

我创建了一个继承自 InputTagHelper 的标签助手，如这篇文章 https://stackoverflow.com/a/40489654/945651 中的答案所示。

代码如下

[HtmlTargetElement("input", Attributes = ForAttributeName)]
public class ExrInputTagHelper : InputTagHelper
{
    private const string ForAttributeName = "asp-for";

    [HtmlAttributeName("asp-disabled")]
    public bool IsDisabled { get; set; }

    public ExrInputTagHelper(IHtmlGenerator generator):base(generator) 
    {

    }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        if (IsDisabled)
        {
            var d = new TagHelperAttribute("disabled", "disabled");
            output.Attributes.Add(d);
        }
        base.Process(context, output);
    }
}

这是它的用法:

<input asp-for="UsingCreditCard" type="checkbox" asp-disabled="@Model.UsingACH" />

这很好用，但有一个明显的问题。如果输入类型是一个复选框，它会被渲染两次。所有其他输入类型都很好用。为什么会这样？

<input checked="checked" data-val="true" data-val-required="The UsingCreditCard field is required." id="UsingCreditCard" name="UsingCreditCard" type="checkbox" value="true">
<input checked="checked" id="UsingCreditCard" name="UsingCreditCard" type="checkbox" value="true">

非常感谢任何想法。

提前致谢。

Answer 1

在 _ViewImports.cshtml 中，添加 @removeTagHelper 行。您正在添加一个新的 InputTagHelper 来实现旧的所有功能，并且两者都被调用。

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@removeTagHelper Microsoft.AspNetCore.Mvc.TagHelpers.InputTagHelper, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, AspNetCoreExample  // your assembly name

在InputTagHelper.cs ，“复选框”的实现方式与所有其他输入类型不同；它为“复选框”创建了 2 个输入字段(复选框和支持隐藏字段)。由于它以不同的方式创建它，因此它不会合并属性以避免重复，而是再次创建它们。