Как сделать JavaScript в секции MasterLayout из частичного представления? - PullRequest
Новая
       24

Как сделать JavaScript в секции MasterLayout из частичного представления?

17 голосов
/ 12 мая 2011

Учитывая MVC3 и двигатель Razor, я получил

_MasterLayout.cshtml 

@RenderSection("JavaScript", required: false)
..
..
@RenderBody()
..

View.cshtml с _MasterLayout.cshtml, определенным в _ViewStart.cshtml 

..
@Html.RenderAction("PartialView", "PartialController")
..

PartialView.cshtml 

..
@section JavaScript
{
........
}
..

Как я могу убедиться, что JavaScript из частичного просмотра окажется в разделе Master Layout?

Редактировать

Приведенный выше сценарий не работает, поскольку для частичного представления не определен основной макет. View, с другой стороны, имеет Layout с определенным RenderSection. Если я перенесу секцию JavaScript из частичного вида в вид, Razor будет знать, где его рендерить. Но поскольку частичное представление не имеет макета, оно не знает, что делать с разделом JavaScript, и, следовательно, нигде не отображает его.

Ответы [ 3 ]

20 голосов
/ 13 июля 2011

Я создал набор методов расширения для рендеринга блоков сценариев (или чего-либо еще) из частичного в основной макет. 

public static class ViewPageExtensions
{  
 private const string SCRIPTBLOCK_BUILDER = "ScriptBlockBuilder";

    public static MvcHtmlString ScriptBlock(
        this WebViewPage webPage,
        Func<dynamic, HelperResult> template)
    {
        if (!webPage.IsAjax)
        {
            var scriptBuilder = webPage.Context.Items[SCRIPTBLOCK_BUILDER] 
                                as StringBuilder ?? new StringBuilder();

            scriptBuilder.Append(template(null).ToHtmlString());

            webPage.Context.Items[SCRIPTBLOCK_BUILDER] = scriptBuilder;

            return new MvcHtmlString(string.Empty);
        }
        return new MvcHtmlString(template(null).ToHtmlString());
    }

    public static MvcHtmlString WriteScriptBlocks(this WebViewPage webPage)
    {
        var scriptBuilder = webPage.Context.Items[SCRIPTBLOCK_BUILDER] 
                            as StringBuilder ?? new StringBuilder();

        return new MvcHtmlString(scriptBuilder.ToString());
    }
}

Тогда его можно использовать так: 

@this.ScriptBlock(
@<script  type='text/javascript'>
    $(document).ready(function () {
        notify('@message', '@Model.Type.ToString()',                    
               '@Model.Type.ToString().ToLower()');
    });
</script>)

А затем отображается в основном макете: 

@this.WriteScriptBlocks()

Ознакомьтесь с полной статьей здесь: Делегированный шаблонный скрипт-скрипт для встроенных скриптов в Razor Partials

7 голосов
/ 12 мая 2011

Я не верю, что частичное представление может устанавливать разделы для использования на странице макета: (

Похоже, что нет хороших решений для этого - вы можете включить две части (одну для скрипта, одну для контента): 

<script stuff>
@Html.RenderAction("PartialViewScripts", "PartialController")
</script stuff>
<body stuff>
@Html.RenderAction("PartialView", "PartialController")
</body stuff>
0 голосов
/ 12 января 2017

Это сработало для меня, позволив мне совмещать javascript и html для частичного просмотра в одном и том же файле для удобства чтения В режиме частичного просмотра 

@model SomeType

@{
    var region = ViewData["Region"] as string;
}

@if (region == "HTMLSection")
{


}

@if (region == "ScriptSection")
{
        <script type="text/javascript">
    </script">
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...