How to add a script in a partial view in MVC4?

Question

This is the code which I have in my partial view

@model Contoso.MvcApplication.Models.Exercises.AbsoluteArithmetic  @using(Html.BeginForm()) { <div>     <span style="width: 110px; float:left; text-align:center; font-size:2.5em;">@Model.Number1</span>     <span style="width: 110px; float:left; text-align:center; font-size:2.5em;">+</span>     <span style="width: 110px; float:left; text-align:center; font-size:2.5em;">@Model.Number2</span>     <span style="width: 110px; float:left; text-align:center; font-size:2.5em;">=</span>     <span>             @Html.EditorFor(model => model.Result)             @Html.ValidationMessageFor(model => model.Result)     </span> </div> }  @section Scripts {     @Scripts.Render("~/bundles/jqueryval") } 

Please note at the bottom of my code, I've got a @section, and I realized that it's not running if I set a breakpoint there. If I move that line in the _Layout.cshtml it works well, but that's not the idea.

How can I tell to MVC4 in a partial razor view that I want to add that library?

Answer 1

You can use @Scripts.Render("~/Scripts/my-script.js") for .js files and @Styles.Render("~/Content/my-Stylesheet.css") for css files.

Nb: it works for a particular bundle also More details - 'http://www.asp.net/mvc/overview/performance/bundling-and-minification'

it works on any sub-pages in razor including partial views. for more info google for the usage of these helpers