ansaurus

Question

How to Put Javascript into an ASP.NET MVC View

Answer 1

+1 A:

Go create an additional <asp:ContentPlaceHolder> inside of the <head> of your masterpage and then your views will have a third <asp:Content> section for you to register external .js files, custom <script> blocks, external .css files, and custom <style> blocks.

Jaxidian 2010-04-02 01:07:20

Works perfectly, thanks! Sounds like an extremely logical solution.

Maxim Zaslavsky 2010-04-02 01:16:12

You're welcome. :-)

Jaxidian 2010-04-02 01:50:37

Answer 2

+1 A:

The <script> tag needs to go inside an <asp:Content> block. (Otherwise, where would it end up?)

SLaks 2010-04-02 01:07:32

Answer 3

+1 A:

One thing you may want to consider is adding a "scripts" content place holder to your master page, that loads scripts at the end of the body. This way you load your scripts at the end of the page so that it doesn't slow down loading the DOM elements (once a script starts loading it only does one request at a time, because the code can affect the DOM). This gets a little tricky with PartialView -- if you include code in them you need to figure out a way to delay executing anything that relies on later scripts after those scripts have loaded. A compromise might be to load things like jQuery in the header and the rest of your common scripts at the end of the body.

Site.Master

   <body>

   ...
   <asp:ContentPlaceHolder runat="server" id="MainContent"></asp:ContentPlaceHolder>

   ...

   <script type="text/javascript" src="<%= Url.Content( "~/scripts/jquery-1.4.1.min.js" ) %>"></script>
   <asp:ContentPlaceHolder runat="server" id="ScriptContent"></asp:ContentPlaceHolder>
   </body>
   </html>

View

  <asp:Content runat="server" ID="mainContent" ContentPlaceHolderID="MainContent">

     ... HTML ...
  </asp:Content>

  <asp:Content runat="server" ID="scriptContent" ContentPlaceHolderID="ScriptContent">

  <script type="text/javascript">
     $(function() {
       $('.selector').click( function() {
            ...
       });
     });
  </script>

  </asp:Content>

tvanfosson 2010-04-02 01:24:52

ansaurus

tags:

views:

answers:

How to Put Javascript into an ASP.NET MVC View

related questions