自定义标签助手：如何在属性中使用复杂对象？

Question

I am currently working on an ASP.NET Core custom tag helper. I need to read a complex object from an attribute as follows:

[Models]

public class Page {
  [HtmlAttributeName(page-size)]
  public int size {get; set;}
}

public class MyControl {
  public Page page {get; set;}
}

[TagHelper class]

[TargetElement("MyControl", Attributes="page-size")]
public class MyControlTagHelper : TagHelper {
  public Page page {get; set;}
  //Here i have process methods.
}

And now I want to get the page size value in the view as follows:

<MyControl page-size="4"></MyControl>

I don't know to do this. So far, I tried to provide the full complex object to an attribute as shown in this article .

How can I read the complex object's values as page-size ?

Answer 1

Remove the HtmlAttributeName from Page class

public class Page {
  public int size{ get;set; }
 }

you don't need MyControl class

put the HtmlAttributeName on the PageProperty of your taghelper

[TargetElement("MyControl", Attributes="page-info")]
public class MyControlTagHelper : TagHelper {

  [HtmlAttributeName("page-info")]
  public Page page{ get;set; }
 //Here i have process methods.
 }

in your view put the markup for your custom tag and pass in the Page object from your viewmodel

<MyControl page-info="@Model.Page"></MyControl>

now you are passing in the Page object directly on the page-info attribute and you can access its members directly from the process method. Do test it for null inside the process method and if it is null just set output.SuppressOutput(); return;

Answer 2

Your tag helper class should be as follows:

[TargetElement("MyControl", Attributes="page-info")]
public class MyControlTagHelper : TagHelper {

  [HtmlAttributeName("page-info")]
  public Page page {get; set;}
  //Here i have process methods.

}

And your view page as follows:

<MyControl page-info="new Page{size = 2}"></MyControl>

For further reference:

• WebsiteInformationTagHelper.cs source code
• About.cshtml source code