FubuMVC：如何在DisplayFor中添加新方法

Question

I want to do something like the following in my spark view.

@{this.LinkTo("1234")}

Which should output something like

<a href="domain.tld?var=1234">1234</a>

I cannot seem to find a good way to do this.

Most searches for "fubumvc htmlhelpers" end up giving me more pages about htmlhelpers in msmvc.

A plus would be if I could put the code in a separate assembly that I can share between multiple sites.

Solution

namespace MyNamespace
{
    public static class FubuPageExtensions
    {
        public static HtmlTag LinkTo(this IFubuPage page, string input)
        {
            return new LinkTag(input, "domain.tld?var={0}".ToFormat(input));
        }
    }
}

...and in my spark view

<use namespace="MyNamespace" />

${this.LinkTo(Model.Something)}

Answer 1

I had a similar requirement and I solved it this way (not sure if this is the best approach, but it worked for my scenario).

The idea is to create an extension method on the IFubuPage interface, which returns a new HtmlTag object. Please note that I'm using the Razor view engine, not entirely sure if this would work for Spark as well.

So for example, the following code would produce a new <abbr /> tag:

public static HtmlTag TimeAgoFor(this IFubuPage page, DateTime input)
{
    return new HtmlTag("abbr")
        .Title(input.ToUniversalTime().ToString("yyyy-MM-ddTHH:mm:ssK"))
        .AddClass("timeago")
        .Text(input.ToString("dd-MM-yyyy HH:mm"));
    }
}

In your scenario, I think this should suffice then:

public static HtmlTag LinkTo(this IFubuPage page, string input)
{
     return new LinkTag(input, "domain.tld?var={0}".ToFormat(input));
}

Answer 2

Make sure you have your "FubuPageExtensions" namespace in your spark file.

As noted in the comments, use a "_global.spark" file in the Shared directory so all .spark files have the extensions namespace.

Answer 3

I don't know if this would appeal to you but you can also declare your helpers in one of the default namespaces that the fubu.spark viewengine supports, eg:

namespace FubuMVC.Core.UI
{
public static class MyHelper{
public static HtmlTag LinkTo(this IFubuPage page, string input)
{
     return new LinkTag(input, "domain.tld?var={0}".ToFormat(input));
}
}
}