Цель OP состоит в том, что он хочет определить встроенные скрипты в свой Partial View, который я предполагаю, что этот скрипт специфичен только для этого Partial View и включает этот блок в его секцию скриптов.

Я понимаю, что он хочет, чтобы Partial View был автономным. Идея аналогична компонентам при использовании Angular.

Моим способом было бы просто сохранить скрипты внутри Partial View как есть. Теперь проблема в том, что при вызове Partial View он может выполнять скрипт там перед всеми другими скриптами (который обычно добавляется к нижней части страницы макета). В этом случае у вас есть сценарий Partial View, ожидающий других скриптов. Есть несколько способов сделать это. Простейший, который я использовал ранее, использует событие на body.

В моем макете у меня было бы что-то внизу:

// global scripts
<script src="js/jquery.min.js"></script>
// view scripts
@RenderSection("scripts", false)
// then finally trigger partial view scripts
<script>
  (function(){
    document.querySelector('body').dispatchEvent(new Event('scriptsLoaded'));
  })();
</script>

Затем в моем частичном представлении (внизу):

<script>
  (function(){
    document.querySelector('body').addEventListener('scriptsLoaded', function() {

      // .. do your thing here

    });
  })();
</script>

Другое решение - использовать стек, чтобы выталкивать все ваши скрипты и вызывать каждого в конце. Другим решением, как уже упоминалось, является шаблон RequireJS / AMD, который также отлично работает.

Следуя принципу ненавязчивого , не обязательно, чтобы «_myPartial» вводил контент непосредственно в секцию скриптов. Вы можете добавить эти сценарии частичного просмотра в отдельный файл .js и ссылаться на них в раздел @scripts из родительского представления.

Используя Mvc Core, вы можете создать аккуратный TagHelper scripts, как показано ниже. Это можно легко превратить в тэг section, где вы также дадите ему имя (или имя берется из производного типа). Обратите внимание на то, что для IHttpContextAccessor необходимо настроить инъекцию зависимостей.

При добавлении скриптов (например, в частичном)

<scripts>
    <script type="text/javascript">
        //anything here
    </script>
</scripts>

При выводе сценариев (например, в файле макета)

<scripts render="true"></scripts>

Код

public class ScriptsTagHelper : TagHelper
    {
        private static readonly object ITEMSKEY = new Object();

        private IDictionary<object, object> _items => _httpContextAccessor?.HttpContext?.Items;

        private IHttpContextAccessor _httpContextAccessor;

        public ScriptsTagHelper(IHttpContextAccessor httpContextAccessor)
        {
            _httpContextAccessor = httpContextAccessor;
        }

        public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
        {
            var attribute = (TagHelperAttribute)null;
            context.AllAttributes.TryGetAttribute("render",out attribute);

            var render = false;

            if(attribute != null)
            {
                render = Convert.ToBoolean(attribute.Value.ToString());
            }

            if (render)
            {
                if (_items.ContainsKey(ITEMSKEY))
                {
                    var scripts = _items[ITEMSKEY] as List<HtmlString>;

                    var content = String.Concat(scripts);

                    output.Content.SetHtmlContent(content);
                }
            }
            else
            {
                List<HtmlString> list = null;

                if (!_items.ContainsKey(ITEMSKEY))
                {
                    list = new List<HtmlString>();
                    _items[ITEMSKEY] = list;
                }

                list = _items[ITEMSKEY] as List<HtmlString>;

                var content = await output.GetChildContentAsync();

                list.Add(new HtmlString(content.GetContent()));
            }
        }
    }

Ну, я полагаю, что другие плакаты предоставили вам средства для непосредственного включения @section в ваш частичный (с помощью сторонних помощников html).

Но, я считаю, что если ваш скрипт тесно связан с вашим частичным, просто поместите свой javascript непосредственно внутри встроенного тега <script> в пределах вашего частичного и сделайте с ним (просто будьте осторожны с дублированием скрипта, если вы намерены использовать частичное более одного раза в одном представлении);

Это довольно популярный вопрос, поэтому я опубликую свое решение. У меня была та же проблема, и хотя она не идеальна, я думаю, что она работает очень хорошо и не делает частичную зависимость от представления. Мой сценарий состоял в том, что действие было доступно самому, но также могло быть встроено в aa view - google map.

В моем _layout у меня есть:

@RenderSection("body_scripts", false)

В моем index view У меня есть:

@Html.Partial("Clients")
@section body_scripts
{
    @Html.Partial("Clients_Scripts")
}

В моем представлении clients у меня есть (все карта и ассоциативный html):

@section body_scripts
{
    @Html.Partial("Clients_Scripts")
}

Мой Clients_Scripts вид содержит javascript, который будет отображаться на странице

Таким образом, мой сценарий изолирован и может быть отображен на странице, где это необходимо, причем тэг body_scripts отображается только в первом вхождении, что механизм просмотра бритвы находит это.

Это позволяет мне все разделять - это решение, которое хорошо работает для меня, у других могут быть проблемы с ним, но он исправляет дыры «по дизайну».

Первым решением, о котором я могу думать, является использование ViewBag для хранения значений, которые должны отображаться.

На самом деле я никогда не пробовал, если это работает с частичным представлением, но оно должно быть imo.

У меня была аналогичная проблема, когда у меня была главная страница:

@section Scripts {
<script>
    $(document).ready(function () {
        ...
    });
</script>
}

...

@Html.Partial("_Charts", Model)

, но частичный вид зависел от некоторого JavaScript в разделе «Сценарии». Я решил это, закодировав частичное представление как JSON, загрузив его в переменную JavaScript, а затем используя это, чтобы заполнить div, так:

@{
    var partial = Html.Raw(Json.Encode(new { html = Html.Partial("_Charts", Model).ToString() }));
}

@section Scripts {
<script>
    $(document).ready(function () {
        ...
        var partial = @partial;
        $('#partial').html(partial.html);
    });
</script>
}

<div id="partial"></div>

Вам не нужно использовать части с частичным представлением.

Включить в свой частичный просмотр. Он выполняет функцию после загрузки jQuery. Вы можете изменить условие условия для вашего кода.

<script type="text/javascript">    
var time = setInterval(function () {
    if (window.jQuery != undefined) {
        window.clearInterval(time);

        //Begin
        $(document).ready(function () {
           //....
        });
        //End
    };
}, 10); </script>

Julio Spader

Вы можете использовать эти методы расширения: (Сохранить как PartialWithScript.cs)

namespace System.Web.Mvc.Html
{
    public static class PartialWithScript
    {
        public static void RenderPartialWithScript(this HtmlHelper htmlHelper, string partialViewName)
        {
            if (htmlHelper.ViewBag.ScriptPartials == null)
            {
                htmlHelper.ViewBag.ScriptPartials = new List<string>();
            }

            if (!htmlHelper.ViewBag.ScriptPartials.Contains(partialViewName))
            {
                htmlHelper.ViewBag.ScriptPartials.Add(partialViewName);
            }

            htmlHelper.ViewBag.ScriptPartialHtml = true;
            htmlHelper.RenderPartial(partialViewName);
        }

        public static void RenderPartialScripts(this HtmlHelper htmlHelper)
        {
            if (htmlHelper.ViewBag.ScriptPartials != null)
            {
                htmlHelper.ViewBag.ScriptPartialHtml = false;
                foreach (string partial in htmlHelper.ViewBag.ScriptPartials)
                {
                    htmlHelper.RenderPartial(partial);
                }
            }
        }
    }
}

Использовать так:

Пример частичного: (_MyPartial.cshtml) Поместите html в if и js в else.

@if (ViewBag.ScriptPartialHtml ?? true)
    <p>I has htmls</p>
}
else {
    <script type="text/javascript">
        alert('I has javascripts');
    </script>
}

В вашем _Layout.cshtml или везде, где вы хотите, чтобы скрипты из частичных объектов были визуализированы, поставьте следующий (один раз): он будет отображать только javascript всех партиций на текущей странице в этом месте.

@{ Html.RenderPartialScripts(); }

Затем, чтобы использовать ваши частичные, просто сделайте это: он отобразит только html в этом месте.

@{Html.RenderPartialWithScript("~/Views/MyController/_MyPartial.cshtml");}

Я только что добавил этот код на мой частичный вид и решил проблему, хотя и не очень чистую, она работает. Вы должны убедиться, что идентификаторы объектов, которые вы просматриваете.

$ (document) .ready (function () {$ ("# Profile_ProfileID"). Selectmenu ({icons: {button: 'ui-icon -circle-arrow-s '}}); $ ("# TitleID_FK"). selectmenu ({icons: {button:' ui-icon-circle-arrow-s '}}); $ ("# CityID_FK"). selectmenu ({icons: {button: 'ui-icon-circle-arrow-s'}}); $ ("# GenderID_FK"). selectmenu ({icons: {button: 'ui-icon-circle-arrow-s' }}); $ ("# PackageID_FK"). Selectmenu ({icons: {button: 'ui-icon-circle-arrow-s'}});});

Существует фундаментальный недостаток в том, как мы думаем о сети, особенно при использовании MVC. Недостатком является то, что JavaScript как-то ответственен за представление. Представление - это представление, JavaScript (поведенческий или другой) - это JavaScript. В шаблоне MVVM от Silverlight и WPF мы сталкиваемся с «представлением первой» или «первой моделью». В MVC мы всегда должны пытаться рассуждать с точки зрения модели, и JavaScript во многом является частью этой модели.

Я бы предложил использовать шаблон AMD (мне самому нравится RequireJS ). Отделите свой JavaScript в модулях, определите свою функциональность и подключите свой html к JavaScript, вместо того чтобы полагаться на представление для загрузки JavaScript. Это очистит ваш код, разделит ваши проблемы и облегчит жизнь всем одним махом.

Идея Плутона в лучшую сторону:

CustomWebViewPage.cs:

    public abstract class CustomWebViewPage<TModel> : WebViewPage<TModel> {

    public IHtmlString PartialWithScripts(string partialViewName, object model) {
        return Html.Partial(partialViewName: partialViewName, model: model, viewData: new ViewDataDictionary { ["view"] = this, ["html"] = Html });
    }

    public void RenderScriptsInBasePage(HelperResult scripts) {
        var parentView = ViewBag.view as WebPageBase;
        var parentHtml = ViewBag.html as HtmlHelper;
        parentView.DefineSection("scripts", () => {
            parentHtml.ViewContext.Writer.Write(scripts.ToHtmlString());
        });
    }
}

Views \ web.config:

<pages pageBaseType="Web.Helpers.CustomWebViewPage">

Вид:

@PartialWithScripts("_BackendSearchForm")

Partial (_BackendSearchForm.cshtml):

@{ RenderScriptsInBasePage(scripts()); }

@helper scripts() {
<script>
    //code will be rendered in a "scripts" section of the Layout page
</script>
}

Страница макета:

@RenderSection("scripts", required: false)

Есть способ вставить разделы в частичные виды, хотя это не очень. Вам нужно иметь доступ к двум переменным из родительского представления. Поскольку часть вашего частичного представления имеет целью создать этот раздел, имеет смысл требовать эти переменные.

Вот как выглядит вставка раздела в частичном представлении:

@model KeyValuePair<WebPageBase, HtmlHelper>
@{
    Model.Key.DefineSection("SectionNameGoesHere", () =>
    {
        Model.Value.ViewContext.Writer.Write("Test");
    });
}

И на странице, вставляющей частичный вид ...

@Html.Partial(new KeyValuePair<WebPageBase, HtmlHelper>(this, Html))

Вы также можете использовать эту технику для определения содержимого раздела программно в любом классе.

Наслаждайтесь !

У меня была аналогичная проблема, которая была решена с помощью этого:

@section ***{
@RenderSection("****", required: false)
}

Thats прекрасный способ для инъекций, я думаю.

Это помогло мне разрешить совместное размещение javascript и html для частичного просмотра в том же файле. Помогает с мыслительным процессом увидеть html и связанную с ним часть в том же файле с частичным представлением.

---

В представлении, который использует Partial View, называемый «_MyPartialView.cshtml»

<div>
    @Html.Partial("_MyPartialView",< model for partial view>,
            new ViewDataDictionary { { "Region", "HTMLSection" } } })
</div>

@section scripts{

    @Html.Partial("_MyPartialView",<model for partial view>, 
                  new ViewDataDictionary { { "Region", "ScriptSection" } })

 }

---

В файле Partial View

@model SomeType

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

@if (region == "HTMLSection")
{


}

@if (region == "ScriptSection")
{
        <script type="text/javascript">
    </script">
}

Я решил этот совершенно другой маршрут (потому что я торопился и не хотел реализовывать новый HtmlHelper):

Я завернул свой Partial View в большом if-else:

@if ((bool)ViewData["ShouldRenderScripts"] == true){
// Scripts
}else{
// Html
}

Затем я дважды вызывал Partial с пользовательской ViewData:

@Html.Partial("MyPartialView", Model, 
    new ViewDataDictionary { { "ShouldRenderScripts", false } })

@section scripts{
    @Html.Partial("MyPartialView", Model, 
        new ViewDataDictionary { { "ShouldRenderScripts", true } })
}

, вы можете использовать свою папку / index.cshtml в качестве главной страницы, затем добавить скрипты раздела. Затем в вашем макете есть:

@RenderSection("scripts", required: false) 

и ваш index.cshtml:

@section scripts{
     @Scripts.Render("~/Scripts/file.js")
}

, и он будет работать над всеми вашими частичными просмотрами. Это работает для меня

Если у вас есть законная необходимость запускать некоторые js из partial, вот как вы могли это сделать, требуется jQuery:

<script type="text/javascript">        
    function scriptToExecute()
    {
        //The script you want to execute when page is ready.           
    }

    function runWhenReady()
    {
        if (window.$)
            scriptToExecute();                                   
        else
            setTimeout(runWhenReady, 100);
    }
    runWhenReady();
</script>

У меня была эта проблема, и я использовал эту технику .

Это лучшее решение, которое я нашел очень гибким.

Также, пожалуйста, проголосуйте здесь , чтобы добавить поддержку декларации кумулятивного раздела

предположим, что у вас есть частичный вид, называемый _contact.cshtml, ваш контакт может быть законным (имя) или физическим субъектом (имя, фамилия). ваш взгляд должен заботиться о том, что отображается, и что может быть достигнуто с помощью javascript. поэтому может потребоваться отложенный рендеринг и внутренний вид JS.

единственный способ, о котором я думаю, о том, как его можно опустить, - это когда мы создаем ненавязчивый способ обращения с такими проблемами пользовательского интерфейса.

также обратите внимание, что MVC 6 будет иметь так называемый компонент View, даже фьючерсы MVC имели некоторые подобные вещи, и Telerik также поддерживает такую ​​вещь ...