Question

问题背景：

我有一个从ActionLink方法调用的MVC局部视图，并从传递的视图模型中呈现下拉列表。为了补充这一点，我在这个项目中使用了Twitter Bootstrap框架。

问题：

部分视图未正确呈现 - 该按钮在部分视图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？

Answer 1

如果您确实想要返回View，则可能会从GetComponents操作返回PartialView。

View将使用定义的Layout（或默认Layout）呈现剃刀文件，而PartialView将使用Layout呈现剃刀视图而不使用{ {1}}。

MVC部分视图在主视图中无法正确呈现

1 个答案: