Razor HtmlHelpers及其小节

本文关键字：HtmlHelpers Razor | 更新日期: 2023-09-27 18:24:56

有没有一种方法可以构建自定义的Html帮助程序并将它们放入小节中？I.e:

@Html.Buttons.Gray
@Html.Buttons.Blue
@Html.Tables.2Columns
@Html.Tables.3Columns

谢谢。

Razor HtmlHelpers及其小节

Helper只是扩展方法。因此，您可以创建返回对象的助手，这些对象允许您链接方法调用，例如@Html.Button("Text").Grey()。

public ButtonHelper
{
   public string Text {get; set;}
   public MvcHtmlString Grey()
   {
      return MvcHtmlString.Create("<button class='grey'>"+ Text +"</button>");
   }
}
public static class Buttons
{
   public static ButtonHelper Button(this HtmlHelper, string text)
   {
      return new ButtonHelper{Text = text};
   }
}

我认为你不能那样做。创建一个枚举，然后使用它来引用颜色，比如：

public enum ButtonColor
{
    Blue = 0x1B1BE0,
    Gray = 0xBEBECC
};
public static class Extensions
{
    public static MvcHtmlString Button(this HtmlHelper htmlHelper, string Value, ButtonColor buttonColor)
    {
        string renderButton = 
            string.Format(
                @"<input type=""button"" value=""{0}"" style=""background-color: {1}"" />", 
                Value, 
                buttonColor.ToString()
            );
        return MvcHtmlString.Create(renderButton);
    }
}

你可以对桌子做同样的事情，但这应该会给你一个大致的想法。这是一个普通的辅助扩展方法，但使用enum-val作为参数来提供所需的最终结果。

如果您想避免Buttons（）成为函数，请参阅http://haacked.com/archive/2011/02/21/changing-base-type-of-a-razor-view.aspx了解如何通过创建自定义HtmlHelper:@MyAppHtml.Buttons.Gray 来完成类似的操作

如果您严格想要@Html.Buttons.Gray

，则可以重写HtmlHelper
相关文章：