如何将JavaScript添加到ASP.NET MVC视图？

Question

如何将JavaScript添加到ASP.NET MVC视图？

Pur*_*ome 33 javascript asp.net-mvc jquery views

我有一个简单的视图,我希望在此视图中添加一个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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Kam*_*one 22

在ASP.NET MVC3中,您现在可以使用RenderSection来实现此目的,至少对于更简单的场景.只需将RenderSection添加到布局页面的底部,然后从视图中填写应用代码

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

Answer 2

CMS*_*CMS 15

您的MasterPage应该有头部的ContentPlaceHolder.

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

Run Code Online (Sandbox Code Playgroud)

然后,您可以在视图中包含头元素(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>

Run Code Online (Sandbox Code Playgroud)

Answer 3

Las*_*sus 12

一种方法是将内容占位符放在母版页的底部,然后需要javascript的特定从属页面可以将占位符内容指定为所需的javascript.其他不需要javascript的页面不会为占位符指定任何内容.

归档时间：	16 年，5 月前
查看次数：	30405 次
最近记录：	10 年，1 月前