合并 TagHelper 语句
Combine TagHelper statements
我使用 asp 核心 2.0 MVC,并且经常使用如下形式的代码:
<form asp-controller="Foo" asp-action="Bar">
<div class="form-group">
<label asp-for="Age"></label>
<input asp-for="Age" class="form-control"/>
<span asp-validation-for="Age" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Name"></label>
<input asp-for="Name" class="form-control"/>
<span asp-validation-for="Name" class="text-danger"></span>
</div>
</form>
有没有办法在 TagHelper class 中组合标签、输入和 span 标签,以便只写这样的东西:
<div class="form-group">
<foo for="Age">
</div>
这将产生以下内容:
<label asp-for="Age"></label>
<input asp-for="Age" class="form-control"/>
<span asp-validation-for="Age" class="text-danger"></span>
避免一遍又一遍地为我的属性编写这 3 个常用标签?
提前致谢。
编辑:
你好 Isma,谢谢你的回答。
您的代码生成纯
<label asp-for="Age"></label>
<input asp-for="Age" class="form-control"/>
<span asp-validation-for="Age" class="text-danger"></span>
html。
但我想要 'Processed' 版本,例如
<input asp-for="Age"/>
是
<input type="number" data-val="true" data-val-range="The field Age must be between 0 and 100." data-val-range-max="100" data-val-range-min="0" data-val-required="The Age field is required." id="Age" name="Age" value="" />
在html
有办法实现吗?
这可能对你有用,或者至少让你朝着正确的方向前进,我使用了一个自定义 TagHelper,它使用他们的 TagHelper 实现生成其他元素并附加所有输出(可能有更好/更清晰的方式顺便说一句)。
[HtmlTargetElement("myfield")]
public class MyFieldTagHelper : TagHelper
{
private IHtmlGenerator _htmlGenerator;
public MyFieldTagHelper(IHtmlGenerator htmlGenerator)
{
_htmlGenerator = htmlGenerator;
}
public string LabelContent { get; set; }
public string ValidationContent { get; set; }
[HtmlAttributeName("asp-for")]
public ModelExpression For { get; set; }
[HtmlAttributeNotBound]
[ViewContext]
public ViewContext ViewContext { get; set; }
public override void Process(TagHelperContext context, TagHelperOutput output)
{
var labelContext = CrateTagHelperContext();
var labelOutput = CrateTagHelperOutput("label");
labelOutput.Content.Append(LabelContent);
if (For != null)
{
labelOutput.Attributes.Add("for", For.Name);
}
var label = new LabelTagHelper(_htmlGenerator)
{
ViewContext = ViewContext
};
label.Process(labelContext, labelOutput);
var inputContext = CrateTagHelperContext();
var inputOutput = CrateTagHelperOutput("input");
inputOutput.Attributes.Add("class", "form-control");
var input = new InputTagHelper(_htmlGenerator)
{
For = For,
ViewContext = ViewContext
};
input.Process(inputContext, inputOutput);
var validationContext = CrateTagHelperContext();
var validationOutput = CrateTagHelperOutput("span");
validationOutput.Content.Append(ValidationContent);
validationOutput.Attributes.Add("class", "text-danger");
var validation = new ValidationMessageTagHelper(_htmlGenerator)
{
For = For,
ViewContext = ViewContext
};
validation.Process(validationContext, validationOutput);
output.TagName = "";
output.Content.AppendHtml(labelOutput);
output.Content.AppendHtml(inputOutput);
output.Content.AppendHtml(validationOutput);
}
private static TagHelperContext CrateTagHelperContext()
{
return new TagHelperContext(
new TagHelperAttributeList(),
new Dictionary<object, object>(),
Guid.NewGuid().ToString("N"));
}
private static TagHelperOutput CrateTagHelperOutput(string tagName)
{
return new TagHelperOutput(
tagName,
new TagHelperAttributeList(),
(a,b) =>
{
var tagHelperContent = new DefaultTagHelperContent();
tagHelperContent.SetContent(string.Empty);
return Task.FromResult<TagHelperContent>(tagHelperContent);
});
}
}
现在在您看来您应该能够做到这一点:
<myfield label-content="This is a label" validation-content="Validation content" asp-for="Age"></myfield>
它会为你生成整个区块。
请记住在您有标签助手的地方注册程序集,即使您的 Web 应用程序中有它们,您也可以通过编辑文件 Views/_ViewImports.cshtml 并添加以下行来完成此操作:
@addTagHelper *, YourAssemblyName
更多信息:https://docs.microsoft.com/en-us/aspnet/core/mvc/views/tag-helpers/intro
我使用 asp 核心 2.0 MVC,并且经常使用如下形式的代码:
<form asp-controller="Foo" asp-action="Bar">
<div class="form-group">
<label asp-for="Age"></label>
<input asp-for="Age" class="form-control"/>
<span asp-validation-for="Age" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Name"></label>
<input asp-for="Name" class="form-control"/>
<span asp-validation-for="Name" class="text-danger"></span>
</div>
</form>
有没有办法在 TagHelper class 中组合标签、输入和 span 标签,以便只写这样的东西:
<div class="form-group">
<foo for="Age">
</div>
这将产生以下内容:
<label asp-for="Age"></label>
<input asp-for="Age" class="form-control"/>
<span asp-validation-for="Age" class="text-danger"></span>
避免一遍又一遍地为我的属性编写这 3 个常用标签?
提前致谢。
编辑:
你好 Isma,谢谢你的回答。 您的代码生成纯
<label asp-for="Age"></label>
<input asp-for="Age" class="form-control"/>
<span asp-validation-for="Age" class="text-danger"></span>
html。
但我想要 'Processed' 版本,例如
<input asp-for="Age"/>
是
<input type="number" data-val="true" data-val-range="The field Age must be between 0 and 100." data-val-range-max="100" data-val-range-min="0" data-val-required="The Age field is required." id="Age" name="Age" value="" />
在html
有办法实现吗?
这可能对你有用,或者至少让你朝着正确的方向前进,我使用了一个自定义 TagHelper,它使用他们的 TagHelper 实现生成其他元素并附加所有输出(可能有更好/更清晰的方式顺便说一句)。
[HtmlTargetElement("myfield")]
public class MyFieldTagHelper : TagHelper
{
private IHtmlGenerator _htmlGenerator;
public MyFieldTagHelper(IHtmlGenerator htmlGenerator)
{
_htmlGenerator = htmlGenerator;
}
public string LabelContent { get; set; }
public string ValidationContent { get; set; }
[HtmlAttributeName("asp-for")]
public ModelExpression For { get; set; }
[HtmlAttributeNotBound]
[ViewContext]
public ViewContext ViewContext { get; set; }
public override void Process(TagHelperContext context, TagHelperOutput output)
{
var labelContext = CrateTagHelperContext();
var labelOutput = CrateTagHelperOutput("label");
labelOutput.Content.Append(LabelContent);
if (For != null)
{
labelOutput.Attributes.Add("for", For.Name);
}
var label = new LabelTagHelper(_htmlGenerator)
{
ViewContext = ViewContext
};
label.Process(labelContext, labelOutput);
var inputContext = CrateTagHelperContext();
var inputOutput = CrateTagHelperOutput("input");
inputOutput.Attributes.Add("class", "form-control");
var input = new InputTagHelper(_htmlGenerator)
{
For = For,
ViewContext = ViewContext
};
input.Process(inputContext, inputOutput);
var validationContext = CrateTagHelperContext();
var validationOutput = CrateTagHelperOutput("span");
validationOutput.Content.Append(ValidationContent);
validationOutput.Attributes.Add("class", "text-danger");
var validation = new ValidationMessageTagHelper(_htmlGenerator)
{
For = For,
ViewContext = ViewContext
};
validation.Process(validationContext, validationOutput);
output.TagName = "";
output.Content.AppendHtml(labelOutput);
output.Content.AppendHtml(inputOutput);
output.Content.AppendHtml(validationOutput);
}
private static TagHelperContext CrateTagHelperContext()
{
return new TagHelperContext(
new TagHelperAttributeList(),
new Dictionary<object, object>(),
Guid.NewGuid().ToString("N"));
}
private static TagHelperOutput CrateTagHelperOutput(string tagName)
{
return new TagHelperOutput(
tagName,
new TagHelperAttributeList(),
(a,b) =>
{
var tagHelperContent = new DefaultTagHelperContent();
tagHelperContent.SetContent(string.Empty);
return Task.FromResult<TagHelperContent>(tagHelperContent);
});
}
}
现在在您看来您应该能够做到这一点:
<myfield label-content="This is a label" validation-content="Validation content" asp-for="Age"></myfield>
它会为你生成整个区块。
请记住在您有标签助手的地方注册程序集,即使您的 Web 应用程序中有它们,您也可以通过编辑文件 Views/_ViewImports.cshtml 并添加以下行来完成此操作:
@addTagHelper *, YourAssemblyName
更多信息:https://docs.microsoft.com/en-us/aspnet/core/mvc/views/tag-helpers/intro