Question

I have a page composed from multiple partial asp.net mvc views rendered dynamically.
How can I register in the header of the page some javascript files based on what is needed on on each partial view?

Answer 1

I set up a ContentPlaceHolder in the header of the master page for the view. In the view, I include both the header and body content place holders and add my javascript includes in the place holder corresponding to the header. I typically don’t add the javascript include to the partial view itself since I (too) want it to appear in the html head element. I just make sure to include all the javascript files that all of my partials will need in the view that includes them. I will, often, include inline script in the partial view itself though you need to be careful with this if the partial can be embedded multiple times.

View Code:

 <asp:ContentPlaceHolder ID='headerContent'                          ContentPlaceHolderID='Header'                          runat='server'>      ... javascript includes go here...  </asp:ContentPlaceHolder>   <asp:ContentPlaceHolder ID='bodyContent'                          ContentPlaceHolderID='Body'                          runat='server'>     ... body content goes here...      <%  Html.RenderPartial( 'PartialView1', Model, ViewData ); %>     <%  Html.RenderPartial( 'PartialView2', Model, ViewData ); %>  </asp:ContentPlaceHolder>