Asp.NET Core自定义输入标记助手渲染重复复选框

时间:2017-03-02 00:53:06

标签: c# asp.net-core tag-helpers

我创建了一个继承自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">

非常感谢任何想法。

提前致谢。

1 个答案:

答案 0 :(得分:3)

_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,&#34;复选框&#34;实现方式与所有其他输入类型不同;它为&#34;复选框创建2个输入字段&#34; (复选框和后备隐藏字段)。由于它以不同方式创建它,它不会合并属性以避免重复,而是再次创建它们。