如何在_Layout.cshtml底部渲染視圖或部分視圖腳本？

-2

我在渲染少數部分視圖的腳本標記應該呈現在_Layout.cshtml頁面底部時出現問題。如何在_Layout.cshtml底部渲染視圖或部分視圖腳本？

來源

2016-04-06 sridharnetha

腳本不應該在局部視圖。 –

你使用什麼幫手？ –

我正在使用'@ Scripts.Render（「文件路徑」）' – sridharnetha

我得到了解決方案，您可能不想在每個頁面上呈現所有內容。切片讓你控制。

在_Layout .cshtml定義腳本標籤這樣的，

<script src="/scripts/libs/jquery-ui-1.10.3.min.js"></script> 
<script src="~/Scripts/jquery.validate.min.js"></script> 
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script> 
@if (IsSectionDefined("bottomScripts")) 
{ 
    @RenderSection("bottomScripts", required: false) 
}

在YourView.cshtml定義截面像這樣

@section bottomScripts{ 
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> 
}

這裏是佈局和視圖的MVC標準結構。

_Layout.cshtml

<!DOCTYPE html> 

<html lang="en-us"> 
<head> 
    <meta charset=" utf-8"> 
    <title>@ViewBag.Title</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

    <link rel="stylesheet" href="~/content/css/stye1.css" /> 
    <link rel="stylesheet" href="~/content/css/style2.css" /> 
    @if (IsSectionDefined("myStyles")) 
    { 
     @RenderSection("myStyles", required: false); 
    } 
</head> 
<body> 
<header> 
    <a href="/Index"> 
     <h1>My Website<small>Your Slogan</small></h1> 
    </a> 
</header> 
<div> 
    @RenderBody() 
</div> 
<script src="~/Scripts/script1.js"></script> 
<script src="~/Scripts/script2.js"></script> 
@if (IsSectionDefined("myScripts")) 
{ 
    @RenderSection("myScripts", required: false); 
} 
</body> 
</html>

View1.cshtml

<div>This is View1</div> 
@section myStyles{ 
<link rel="stylesheet" href="~/Pagespecificstyle.css" /> 
} 
@section myScripts{ 
<script src="~/PageSpecificScript.js"></script> 
}

View2.cshtml

<div>This is View2</div> 
@section myStyles{ 
<link rel="stylesheet" href="~/Pagespecificstyle2.css" /> 
} 
@section myScripts{ 
<script src="~/PageSpecificScript2.js"></script> 
}

來源

2016-04-07 06:31:03 sridharnetha

如何在_Layout.cshtml底部渲染視圖或部分視圖腳本？

回答

相關問題