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

Question

我目前正在开发一个 ASP.NET Core 自定义标签助手。我需要从属性中读取一个复杂对象，如下所示：

[模型]

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

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

[TagHelper 类]

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

现在我想在视图中获取页面大小值，如下所示：

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

我不知道该怎么做。到目前为止，我尝试将完整的复杂对象提供给属性as shown in this article。

如何将复杂对象的值读取为page-size？

Answer 1

您的标签助手类应如下所示：

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

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

}

而你的查看页面如下：

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

进一步参考：

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

Answer 2

从 Page 类中移除 HtmlAttributeName

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

你不需要 MyControl 类

将 HtmlAttributeName 放在 taghelper 的 PageProperty 上

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

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

在您的视图中放置自定义标签的标记并从您的视图模型中传入 Page 对象

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

现在您直接在 page-info 属性上传递 Page 对象，您可以直接从 process 方法访问其成员。在 process 方法中测试它是否为 null，如果它为 null，只需设置 output.SuppressOutput();返回;