Asp.net mvc MVC局部视图未在主视图中正确渲染
问题背景: 我有一个从ActionLink方法调用的MVC部分视图,并从传递的视图模型中呈现一个下拉列表。为了补充这一点,我在这个项目中使用了Twitter引导框架 问题: 未正确呈现部分视图-按钮从部分视图HTML中不存在的额外添加的HTML向右对齐 代码: 调用Asp.net mvc MVC局部视图未在主视图中正确渲染,asp.net-mvc,twitter-bootstrap,asp.net-mvc-4,partial-views,asp.net-mvc-partialview,Asp.net Mvc,Twitter Bootstrap,Asp.net Mvc 4,Partial Views,Asp.net Mvc Partialview,问题背景: 我有一个从ActionLink方法调用的MVC部分视图,并从传递的视图模型中呈现一个下拉列表。为了补充这一点,我在这个项目中使用了Twitter引导框架 问题: 未正确呈现部分视图-按钮从部分视图HTML中不存在的额外添加的HTML向右对齐 代码: 调用Components控制器和GetComponents方法的主视图 <div class="jumbroTronTop"> <div class="jumbotron"> <h
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>
问题似乎在哪里:
在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,但我确信按钮包装的流体容器是问题所在。如何将部分视图呈现为不包含此额外HTML?您可能从
GetComponents
操作返回视图
,而实际需要返回部分视图
视图
将使用定义的布局
(或默认的布局
)呈现razor文件,而部分视图
将呈现没有布局的razor视图您的获取组件
操作是什么样子的?你可能返回的是视图
,而不是部分视图
@BrendanGreen我真不敢相信我居然错过了!你是100%正确的,我将它设置为视图,而不是方法中的部分。请把这个作为答案,我会把它标对的。
<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