Paul Stovell
Paul Stovell

Reputation: 32715

Using MVC HtmlHelper extensions from Razor declarative views

I was trying to create a Razor declarative helper in my App_Code folder for an MVC 3 RTM project.

The problem I ran into was that the MVC HtmlHelper extensions, like ActionLink, aren't available. This is because the compiled helpers derive from System.Web.WebPages.HelperPage, and though it exposes an Html property, its of type System.Web.WebPages.HtmlHelper rather than System.Web.Mvc.HtmlHelper.

An example of the kind of error I was getting is:

'System.Web.Mvc.HtmlHelper' does not contain a definition for 'ActionLink' and no extension method 'ActionLink' accepting a first argument of type 'System.Web.Mvc.HtmlHelper' could be found (are you missing a using directive or an assembly reference?)

My only solution has been to create my own HelperPage and override the Html property:

using System.Web.WebPages;

public class HelperPage : System.Web.WebPages.HelperPage 
{
    // Workaround - exposes the MVC HtmlHelper instead of the normal helper
    public static new HtmlHelper Html
    {
        get { return ((System.Web.Mvc.WebViewPage) WebPageContext.Current.Page).Html; }
    }
}

I then have to write the following at the top of every helper:

@inherits FunnelWeb.Web.App_Code.HelperPage
@using System.Web.Mvc
@using System.Web.Mvc.Html

@helper DoSomething()
{
    @Html.ActionLink("Index", "Home")
}

Is it meant to be this hard in MVC 3, or am I doing something wrong?

Upvotes: 122

Views: 71780

Answers (9)

JJJCoder
JJJCoder

Reputation: 16916

For the benefit of searchers, I got the same error when creating MVC views as part of a class library (for component re-use). The solution, partially alluded to above, was to add the following using statements at the top of the .cshtml file:

@using System.Web.Mvc
@using System.Web.Mvc.Html

No further work necessary.

Upvotes: 3

Dejan
Dejan

Reputation: 10313

My approach to this is to simply pass the page as a parameter to the helper method. So in your example it would be:

@helper DoSomething(WebViewPage page)
{
    @page.Html.ActionLink("Index", "Home")
}

Then in your Razor view where you need it call it like this:

@YourHelperFilename.DoSomething(this)

Doing this immediately gives you access to page properties like Html or Url that you usually have (and through that the HtmlHelper extensions).

As an additional benefit (if you require this), you also get access to instance properties such as the page's ViewData.

Upvotes: 3

Alex from Jitbit
Alex from Jitbit

Reputation: 60546

An alternative solution:

Add this on top of your razor-helper file:

@functions {
    public static System.Web.Mvc.HtmlHelper<object> HHtml = ((System.Web.Mvc.WebViewPage)WebPageContext.Current.Page).Html;
}

then call it like this:

@HHtml.ActionLink("actionname")

Upvotes: 8

Omar
Omar

Reputation: 40162

Looks like the ASP.NET MVC has fixed this issue in VS 2013. See this post http://aspnet.uservoice.com/forums/41201-asp-net-mvc/suggestions/3670180-support-helper-extensionmethod-this-htmlhelper-ht

Upvotes: 0

Greg Gum
Greg Gum

Reputation: 37875

Similar to @Jakes answer:

public static class MvcIntrinsics {
    public static System.Web.Mvc.HtmlHelper Html {
        get { return ((System.Web.Mvc.WebViewPage)WebPageContext.Current.Page).Html; }
    }

    public static System.Web.Mvc.AjaxHelper Ajax {
        get { return ((System.Web.Mvc.WebViewPage)WebPageContext.Current.Page).Ajax; }
    }

    public static System.Web.Mvc.UrlHelper Url {
        get { return ((System.Web.Mvc.WebViewPage)WebPageContext.Current.Page).Url; }
    }

}

Usage:

@MvcIntrinsics.Html.Raw("test")

Source: Dino Esposito - Programming Microsoft ASP.NET MVC

Upvotes: 9

Jake Hoffner
Jake Hoffner

Reputation: 1037

I created an extension method for the WebPages helper so that I can get access to the page helper.

public static HtmlHelper GetPageHelper(this System.Web.WebPages.Html.HtmlHelper html)
{
 return ((System.Web.Mvc.WebViewPage) WebPageContext.Current.Page).Html;
}

Upvotes: 38

Andrew Stanton-Nurse
Andrew Stanton-Nurse

Reputation: 6294

Omar's got the right answer here, but I wanted to add something (do feel free to mark Omar's response as the answer).

We were aware of this in v1 and weren't able to get a great fix in the product, but David Ebbo (an architect on the ASP.Net team) posted a sample of a Visual Studio Code Generator that is basically a first exploration of the kind of ideas we're looking at to make this work properly: http://blogs.msdn.com/b/davidebb/archive/2010/10/27/turn-your-razor-helpers-into-reusable-libraries.aspx

Try that out and see what you think! Let David know if you have comments by posting on his blog.

Upvotes: 11

Omar
Omar

Reputation: 40162

Take a look at Marcind's answer to this question. What you're experiencing is a limitation of putting declarative views in the App_Code folder.

Putting your helpers in App_Code works but has certain limitations that impact certain MVC scenarios (for example: no access to standard MVC Html. helpers)

Upvotes: 42

Lee Smith
Lee Smith

Reputation: 6737

I know that there are some intellisense issues with MVC 3. I think the helpers will still work if you have the namespace set in web.config.

MVC 3 RTM has just been realeased are you using this or a beta?

Upvotes: 0

Related Questions