[英]ASP.NET-Core nested ASP TagHelper
I'm little bit new in ASP Core app developing.我对 ASP Core 应用程序开发有点陌生。 I have a page where I have many input.我有一个页面,我有很多输入。
<div class="form-group">
<label asp-for="Animal.Name"></label>
<input asp-for="Animal.Name" class="form-control" />
<span asp-validation-for="Animal.Name" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Animal.Age"></label>
<input asp-for="Animal.Age" class="form-control" />
<span asp-validation-for="Animal.Age" class="text-danger"></span>
</div>
And so on.等等。 I want to achive with TagHelpers something like that:我想通过 TagHelpers 实现类似的目标:
<input-helper value="Animal.Name" />
<input-helper value="Animal.Age" />
Which generate the same result like upper.产生与上层相同的结果。 Can I do this somehow?我能以某种方式做到这一点吗?
According to your description, I suggest you could use IHtmlGenerator
to generate the label asp-for
, input asp-for
, asp-validation-for
taghelper's codes.根据你的描述,我建议你可以使用IHtmlGenerator
生成label asp-for
, input asp-for
, asp-validation-for
taghelper 的代码。
More details, you could refer to below codes:更多详细信息,您可以参考以下代码:
Tag helper:标签助手:
using Microsoft.AspNetCore.Mvc.Rendering;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Threading.Tasks;
namespace SecurityRelatedIssue
{
[HtmlTargetElement("input-helper")]
public class inputhelper : TagHelper
{
[HtmlAttributeName("asp-for")]
public ModelExpression For { get; set; }
private readonly IHtmlGenerator _generator;
[ViewContext]
public ViewContext ViewContext { get; set; }
public inputhelper(IHtmlGenerator generator)
{
_generator = generator;
}
public override void Process(TagHelperContext context, TagHelperOutput output)
{
using (var writer = new StringWriter())
{
writer.Write(@"<div class=""form-group"">");
var label = _generator.GenerateLabel(
ViewContext,
For.ModelExplorer,
For.Name, null,
new { @class = "control-label" });
label.WriteTo(writer, NullHtmlEncoder.Default);
var textArea = _generator.GenerateTextBox(ViewContext,
For.ModelExplorer,
For.Name,
For.Model,
null,
new { @class = "form-control" });
textArea.WriteTo(writer, NullHtmlEncoder.Default);
var validationMsg = _generator.GenerateValidationMessage(
ViewContext,
For.ModelExplorer,
For.Name,
null,
ViewContext.ValidationMessageElement,
new { @class = "text-danger" });
validationMsg.WriteTo(writer, NullHtmlEncoder.Default);
writer.Write(@"</div>");
output.Content.SetHtmlContent(writer.ToString());
}
}
}
}
Register the tag helper in _ViewImports.cshtml
在_ViewImports.cshtml
中注册标签助手
@addTagHelper *,{yourapplicationnamespace}
Usage:用法:
<input-helper asp-for="@Model.str" ></input-helper>
Result:结果:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.