我在我的_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部分来实现这一点，而不用担心脚本的部分。
其他回答
遵循不引人注目的原则，“_myPartial”并不完全需要将内容直接注入脚本部分。您可以将这些部分视图脚本添加到单独的.js文件中，并从父视图中将它们引用到@scripts部分。
我用这个方法解决了类似的问题:
@section ***{
@RenderSection("****", required: false)
}
我想这是一种很好的注射方式。
我刚刚在我的部分视图上添加了这段代码，解决了这个问题，虽然不是很干净，但它是有效的。你必须确保你渲染的对象的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>
我的解决方案是从布局页面加载脚本。然后在javacript中，检查局部视图中是否存在一个元素。如果元素存在，javascript就知道该部分已被包含。
$(document).ready(function () {
var joinButton = $("#join");
if (joinButton.length != 0) {
// the partial is present
// execute the relevant code
}
});
假设您有一个称为_contact的部分视图。Cshtml，您的联系人可以是合法的(姓名)或物理主体(名，姓)。你的视图应该关心被渲染的内容，这可以用javascript实现。所以延迟渲染和JS内部视图可能需要。
我认为唯一可以忽略它的方法是，当我们创建一种不引人注目的方式来处理这种UI关注点时。
还要注意MVC 6将有一个所谓的视图组件，甚至MVC未来也有一些类似的东西，Telerik也支持这样的东西…
