我在我的_Layout.cshtml中定义了这个部分
@RenderSection("Scripts", false)
我可以很容易地从视图中使用它:
@section Scripts {
@*Stuff comes here*@
}
我正在努力解决的问题是如何从局部视图将一些内容注入到这个部分中。
让我们假设这是我的视图页面:
@section Scripts {
<script>
//code comes here
</script>
}
<div>
poo bar poo
</div>
<div>
@Html.Partial("_myPartial")
</div>
我需要在脚本部分中从_myPartial partial视图中注入一些内容。
我该怎么做呢?
当前回答
我们看待网络的方式有一个根本性的缺陷，尤其是在使用MVC的时候。缺陷在于JavaScript在某种程度上是视图的责任。视图是视图，JavaScript(行为或其他)是JavaScript。在Silverlight和WPF的MVVM模式中，我们面临着“视图优先”或“模型优先”的问题。在MVC中，我们应该总是尝试从模型的角度进行推理，而JavaScript在很多方面都是这个模型的一部分。
我建议使用AMD模式(我自己喜欢RequireJS)。在模块中分离你的JavaScript，定义你的功能，从JavaScript中钩子到你的html，而不是依赖于一个视图来加载JavaScript。这将清理您的代码，分离您的关注点，并使生活变得更简单。
其他回答
你可以使用这些扩展方法:(保存为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);
}
}
}
}
}
像这样使用:
示例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");}
有一种方法可以在局部视图中插入部分，尽管它并不漂亮。你需要从父视图中访问两个变量。由于部分视图的部分目的就是创建该section，因此需要这些变量是有意义的。
下面是在局部视图中插入一个section的样子:
@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)
}
我想这是一种很好的注射方式。
我能想到的第一个解决方案是使用ViewBag来存储必须呈现的值。
我从来没有试过，如果这个工作从一个局部的观点，但它应该在我看来。
如果你确实有合法的需要从一个部分运行一些js，这里是你可以做到的，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>
