eth0 eth0 - 2 years ago 88
HTML Question

Using sections in Editor/Display templates

I want to keep all of my JavaScript code in one section; just before the closing

tag in my master layout page and just wondering the best to go about it, MVC style.

For example, if I create a
file which uses jQuery UI's DateTime Picker than I would embed the JavaScript directly into that template but then it will render mid-page.

In my normal views I can just use
@section JavaScript { //js here }
and then
@RenderSection("JavaScript", false)
in my master layout but this doesn't seem to work in display/editor templates - any ideas?

Answer Source

You could proceed with a conjunction of two helpers:

public static class HtmlExtensions
    public static MvcHtmlString Script(this HtmlHelper htmlHelper, Func<object, HelperResult> template)
        htmlHelper.ViewContext.HttpContext.Items["_script_" + Guid.NewGuid()] = template;
        return MvcHtmlString.Empty;

    public static IHtmlString RenderScripts(this HtmlHelper htmlHelper)
        foreach (object key in htmlHelper.ViewContext.HttpContext.Items.Keys)
            if (key.ToString().StartsWith("_script_"))
                var template = htmlHelper.ViewContext.HttpContext.Items[key] as Func<object, HelperResult>;
                if (template != null)
        return MvcHtmlString.Empty;

and then in your _Layout.cshtml:


and somewhere in some template:

    @<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download