tags:

views:

153

answers:

2
Q: 

Limit JavaScript and CSS files on ASP.NET MVC 2 Master Page based on Model and View content

I want to include certain .js and .css files only on pages that need them.

For example, my EditorTemplate DateTime.ascx needs files anytimec.js and anytimec.css.

That template is applied whenever I use either the EditorFor or EditorForModel helper methods in a view for a model with a DateTime type value.

My technique:

I've put this condition into the <head> section of my master page. It checks for a DateTime type property in the ModelMetadata.

<% if (this.ViewData.ModelMetadata.Properties.Any(p => p.ModelType == typeof(DateTime))) { %>
    <link href="../../Content/anytimec.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/anytimec.js" type="text/javascript"></script>
<% } %>

This has two problems:

  1. Fails if I have nested child models of type DateTime

  2. Unnecessarily triggered by views without EditorFor or EditorForModel methods (example: DisplayForModel)

How can I improve this technique?

+1  A: 

Personally, I would use a partial view and an ASP Content Placeholder.

In the Views/Shared have a partial view EditorScripts.ascx which contains the tags defining the scripts to be included in your editing pages.

Then put a placeholder in the Site.Master <head> tag, something like this:

<asp:ContentPlaceHolder ID="HeadContent" runat="server" />

The, in any view that you want/need the scripts, put this code:

<asp:Content ContentPlaceHolderID="HeadContent" runat="server">
    <% Html.RenderPartial("EditorScripts");  %>
</asp:Content>

This isn't a perfect solution and isn't as dynamic as you would like. The reason for using a partial view is that if you decide to update or add more scripts to those views, then you only have to update it in one location.

Another way would be to have a Editor.Master page that contains these scripts and other editor specific things then have that master use the Site.Master as it's master page. Then all editor views would have the Editor.Master as their master page.

HTH

Alastair Pitts  2010-05-21 04:34:22
+1  A: 

I think the telerik web asset manager allows you to accomplish what you want and is open source.

Brian  2010-07-19 13:58:41

related questions

How to Dynamically add menu items to master page in ASP.NET 3.5 MVC app
Master Pages fail to recognize new controls
Setting the Body's OnLoad attribute in an Asp.net MVC Master Page
Events and Delegates with ASP.NET master pages
ASP.NET Masterpages and viewstate
Got to switch HTML guys mid-stream
How to generate ASP.NET page every time when using master pages?
Does a MasterPage know what page is being displayed? [solved]
Preferred way to include relative reference to JavaScript in VS 2008 nested Masterpage.
Form Elements in ASP.NET Master Pages and Content Pages
Element-Enhancing Javascript in ASP.NET Master Pages
Find controls on sharepoint master page
How to pass page's meta tags in ASP.NET MVC?
ASP.NET Masterpage in separate assembly
Sharepoint, master pages and CSS
Force browser to use new CSS
Paths in master pages
What is the Best Way to Populate a Menu Control on a Master Page
Html.RenderPartial call from masterpage
Why is my web control null?
Call onresize from ASP.NET content page
What is the best way to share MasterPages across projects
ASP.NET Master Pages equivalent in Java
Setting an ASP.NET Master Page at runtime
How can I change the background of a masterpage from the code behind of a content page?