问题背景:
我有一个从ActionLink方法调用的MVC局部视图,并从传递的视图模型中呈现一个下拉列表。为此,我在该项目中使用了Twitter Bootstrap框架。
问题:
部分视图未正确呈现-该按钮在看起来像是额外添加的HTML的右边被证明是正确的,该HTML在部分视图HTML中不存在
代码:
调用Components
控制器和GetComponents
方法的主视图
<div class="jumbroTronTop">
<div class="jumbotron">
<h3><b>Files Release Page</b></h3>
<div class="btn-toolbar">
<div class="btn-group">
//*****Partial View is called*****
@Html.Action("GetComponents", "Component")
</div>
<div class="btn-group">
<button class="btn btn-warning dropdown-toggle" type="button" data-toggle="dropdown">
Codebase <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
</div>
</div>
GetComponents.cshtml
-部分视图:
@model ToolsReleasePage.Models.ViewModels.VMComponentNameList
<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown">
Component <span class="caret"></span>
</button>
<ul class="dropdown-menu" id="componentNameList">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
@foreach (var component in @Model.ComponentNames)
{
<script>
//Call code to populate dropdown list.
</script>
}
问题似乎出在哪里:
在Chrome的控制台中查看,我还可以看到,它似乎不仅被部分视图中的纯HTML包裹,而且还被包裹在以下HTML中-我不知道它是从何处添加的:
<link rel="shortcut icon" type="image/x-icon" href="/Content/LoadingImageFavicon.ico">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
<script src="/Scripts/modernizr-2.6.2.js"></script>
<div class="container-fluid">
//Partial View Html
我不知道为什么要添加此HTML,但是我确定按钮所包裹的液体容器是问题所在。如何呈现不包含此额外HTML的部分视图?
当您实际上想返回时,很可能会View
从GetComponents
操作中返回a PartialView
。
AView
将使用Layout
定义的(或默认值Layout
)呈现剃刀文件,而APartialView
将呈现不带的剃刀视图Layout
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句