2016-04-06 2 views
-2

У меня возникла проблема в рендеринге некоторых тегов сценария частичного просмотра, которые должны отображаться внизу на странице _Layout.cshtml.Как визуализировать виды или частичные виды сценариев внизу в _Layout.cshtml?

+1

Сценарии не должны быть частичным видом. –

+0

Какой помощник вы используете? –

+0

Я использую '@ Scripts.Render (« путь к файлу »)' – sridharnetha

ответ

0

У меня есть решение. Возможно, вы не хотите отображать все на каждой странице. Секционирование дает вам контроль над этим.

В _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> 
} 
Смежные вопросы