我在我的_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 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>
其他回答
我用这个方法解决了类似的问题:
@section ***{
@RenderSection("****", required: false)
}
我想这是一种很好的注射方式。
好吧，我猜其他海报已经为你提供了一种直接在你的部分中包含@section的方法(通过使用第三方html助手)。
但是，我认为，如果你的脚本是紧密耦合到你的部分，只是把你的javascript直接放在一个内联<script>标签在你的部分，并完成它(只是要小心脚本复制，如果你打算使用部分不止一次在一个视图);
我能想到的第一个解决方案是使用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>
这是一个很常见的问题，所以我会把我的答案贴出来。
我也遇到过同样的问题，虽然它不是理想的，但我认为它实际上工作得很好，并且不使部分依赖于视图。
我的场景是，一个动作本身是可访问的，但也可以嵌入到一个视图中——一个谷歌映射。
在我的_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视图引擎第一次发现它时呈现。
这让我把所有东西都分开了——这对我来说是一个很好的解决方案，其他人可能有问题，但它确实修补了“设计”的漏洞。
