Jak dodać JavaScript do widoku ASP.NET MVC?

Mam prosty widok i chcę dodać JQuery DatePicker JavaScript do tego widoku (a nie każdy widok, poprzez stronę wzorcową).Jak dodać JavaScript do widoku ASP.NET MVC?

Nie jestem pewien, jaki jest najlepszy sposób na zrobienie tego.

Po drugie, mam świadomość, gdzie/kiedy ładuje się JavaScript. Jestem fanem YSlow i poleca dodanie skryptów na dole strony, co robię.

Jak mogę zrobić jedno i drugie?

oto widok:

<%@ Page 
    Language="C#" 
    MasterPageFile="~/Views/Shared/Site.Master" 
    Inherits="System.Web.Mvc.ViewPage" %> 

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

    <h2>Index</h2> 

    <% using (Html.BeginForm()) {%> 

    <p> 
     <label for="StartDate">Start Date:</label> 
     <!-- JQuery DatePicker to be added, here. --> 
    </p> 
    <% } %> 
</asp:Content>

Źródło

2009-03-29 Pure.Krome

Jednym ze sposobów jest umieścić zawartość zastępczy w dolnej części strony głównej, a następnie konkretnej stronie niewolniczej że potrzebuje JavaScript może określić zawartość Placeholder'ów jako wymagane javascript. Inne strony, które nie potrzebują javascriptu, po prostu nie określają żadnej treści dla symbolu zastępczego.

Źródło

2009-03-29 04:47:29 LaserJesus

Cheers :) Dla przypomnienia, dodałem nową ContentPlaceHolder na dnie stronę, tuż nad tagiem. Dyskusja na ten temat, tutaj: http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html –

Zgadzam się, zazwyczaj będę mieć także jedno w głowie .. projekt, nad którym pracuję, to bardzo ciężki JS, więc jquery i jquery ui są ładowane przez master ... Przeglądarka klienta dostaje to przy logowaniu i może buforować to ... – Tracker1

Twoja strona MasterPage powinna zawierać ContentPlaceHolder dla głowy.

<head runat="server"> 
    <title></title> 
    <asp:ContentPlaceHolder ID="head" runat="server" /> 
</head>

Wtedy jesteś w stanie zawierać elementy Head (JavaScripts, arkusze stylów, etc ...) w widokach:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> 
    <script src="/Scripts/jquery/ui/ui.datepicker.js" type="text/javascript"> 
    </script> 
    <link href="/Styles/myStyle.css" rel="stylesheet" type="text/css" /> 
</asp:Content>

Źródło

2009-03-29 04:49:35 CMS

ta odpowiedź była lepsza, z wyjątkiem tego, że kładła to w głowie .. kiedy ja powiedział, że powinien zostać dodany na dole strony. Więc winob0t dostaje kleszcza. –

w ASP.NET MVC3 można teraz używać do RenderSection osiągnąć to, przynajmniej w przypadku prostszych scenariuszy. Wystarczy dodać RenderSection na dole strony układu, a od widoku wypełnić kodu appliation

RenderSections: http://www.dotnetcurry.com/ShowArticle.aspx?ID=636

Źródło

2011-04-11 13:56:18

+1 dla linku RenderSections. Tego właśnie szukałem. – rein

Jak dodać JavaScript do widoku ASP.NET MVC?

Odpowiedz

Powiązane problemy