如何將JavaScript添加到ASP.NET MVC視圖？

Question

我有一個簡單的視圖，我希望在此視圖中添加一個JQuery DatePicker JavaScript （而不是每個視圖，通過母版頁）。

我不確定這樣做的最佳方法是什么。

其次，我意識到我的JavaScript加載的位置/時間。 我是YSlow的粉絲，它建議我在頁面底部添加任何腳本，我這樣做。

那么，我怎么能兩個都做？

這是觀點：

<%@ 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>

Answer 1

在ASP.NET MVC3中，您現在可以使用RenderSection來實現此目的，至少對於更簡單的場景。 只需將RenderSection添加到布局頁面的底部，然后從視圖中填寫應用代碼

RenderSections： http ： //www.dotnetcurry.com/ShowArticle.aspx？ ID = 636

Answer 2

您的MasterPage應該有頭部的ContentPlaceHolder。

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

然后，您可以在視圖中包含頭元素（JavaScripts，StyleSheets等）：

<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>

Answer 3

一種方法是將內容占位符放在母版頁的底部，然后需要javascript的特定從屬頁面可以將占位符內容指定為所需的javascript。 其他不需要javascript的頁面不會為占位符指定任何內容。

如何將JavaScript添加到ASP.NET MVC視圖？

問題描述

3 個解決方案

解決方案1
22 2011-04-11 13:56:18

解決方案2
15 2009-03-29 04:49:35

解決方案3
12 已采納 2009-03-29 04:47:29

如何將JavaScript添加到ASP.NET MVC視圖？

問題描述

3 個解決方案

解決方案1 22 2011-04-11 13:56:18

解決方案2 15 2009-03-29 04:49:35

解決方案3 12 已采納 2009-03-29 04:47:29

解決方案1
22 2011-04-11 13:56:18

解決方案2
15 2009-03-29 04:49:35

解決方案3
12 已采納 2009-03-29 04:47:29