我在我的_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视图中注入一些内容。
我该怎么做呢?
当前回答
有一种方法可以在局部视图中插入部分，尽管它并不漂亮。你需要从父视图中访问两个变量。由于部分视图的部分目的就是创建该section，因此需要这些变量是有意义的。
下面是在局部视图中插入一个section的样子:
@model KeyValuePair<WebPageBase, HtmlHelper>
@{
Model.Key.DefineSection("SectionNameGoesHere", () =>
{
Model.Value.ViewContext.Writer.Write("Test");
});
}
在页面中插入部分视图…
@Html.Partial(new KeyValuePair<WebPageBase, HtmlHelper>(this, Html))
您还可以使用此技术在任何类中以编程方式定义节的内容。
享受吧!
其他回答
遵循不引人注目的原则，“_myPartial”并不完全需要将内容直接注入脚本部分。您可以将这些部分视图脚本添加到单独的.js文件中，并从父视图中将它们引用到@scripts部分。
你不需要在局部视图中使用section。
包括在你的局部视图。 它在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
这是一个很常见的问题，所以我会把我的答案贴出来。
我也遇到过同样的问题，虽然它不是理想的，但我认为它实际上工作得很好，并且不使部分依赖于视图。
我的场景是，一个动作本身是可访问的，但也可以嵌入到一个视图中——一个谷歌映射。
在我的_layout中我有:
@RenderSection("body_scripts", false)
在我的索引视图中有:
@Html.Partial("Clients")
@section body_scripts
{
@Html.Partial("Clients_Scripts")
}
在我的客户视图中，我有(所有的地图和assoc。html):
@section body_scripts
{
@Html.Partial("Clients_Scripts")
}
我的Clients_Scripts视图包含要呈现到页面上的javascript。
通过这种方式，我的脚本是隔离的，并且可以在需要的地方呈现到页面中，而body_scripts标记只在razor视图引擎第一次发现它时呈现。
这让我把所有东西都分开了——这对我来说是一个很好的解决方案，其他人可能有问题，但它确实修补了“设计”的漏洞。
你可以选择使用你的文件夹/索引。CSHTML作为母版，然后添加节脚本。然后，在你的布局中，你有:
@RenderSection("scripts", required: false)
和index.cshtml:
@section scripts{
@Scripts.Render("~/Scripts/file.js")
}
它会在所有的partialviews上工作。这对我很有用
我刚刚在我的部分视图上添加了这段代码，解决了这个问题，虽然不是很干净，但它是有效的。你必须确保你渲染的对象的id。
<script>
$(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' } });
});
</script>
