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

开发人员

问题背景:

我有一个从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的部分视图?

布伦丹·格林(Brendan Green)

当您实际上想返回时,很可能会ViewGetComponents操作中返回a PartialView

AView将使用Layout定义的(或默认值Layout呈现剃刀文件,而APartialView将呈现不带的剃刀视图Layout

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

如何在MVC ..中单击链接时在主视图中呈现局部视图?

来自分类Dev

在MVC4的主视图内渲染局部视图

来自分类Dev

主视图后加载局部视图

来自分类Dev

如何使用局部视图向主视图中定义的表添加行

来自分类Dev

如何使用局部视图向主视图中定义的表添加行

来自分类Dev

与主视图和局部视图不同的解开结果

来自分类Dev

用局部视图替换主视图的内容

来自分类Dev

MVC ActionFilterAttribute,但仅在主视图上

来自分类Dev

Node JS + Express:在主视图中渲染子视图

来自分类Dev

单击时在主视图中加载部分视图

来自分类Dev

将部分视图加载到AngularJS主视图中

来自分类Dev

如何在Swift的主视图中添加子视图

来自分类Dev

如何从主视图的共享视图中获取价值

来自分类Dev

主视图中的骨干环路子视图

来自分类Dev

无法将片段视图切换到主视图

来自分类Dev

在局部剃刀视图中正确使用模型

来自分类Dev

在iOS 8的UISplitViewController的主视图中具有UINavigationController

来自分类Dev

在UISplitView的主视图中实现统一的UIBlurEffect

来自分类Dev

Swiftui将命令连接到主视图中的值

来自分类Dev

无法让堆栈视图在滚动视图中正确调整

来自分类Dev

保存模型后无法重新渲染主视图

来自分类Dev

MVC局部视图未呈现

来自分类Dev

通过单击主视图中的按钮来更改容器视图中的按钮标签

来自分类Dev

通过单击主视图中的按钮来更改容器视图中的按钮标签

来自分类Dev

使用Ajax的MVC发布表单(从局部视图),但没有任何重定向(保留在同一主视图页面上)

来自分类Dev

Newtonsoft Json.NET序列化的对象未在ASP.NET MVC视图中正确呈现

来自分类Dev

视图中的Codeigniter 4扩展功能未找到我主视图

来自分类Dev

删除主视图中的项目后如何停止显示详细视图?

Related 相关文章

  1. 1

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

  2. 2

    如何在MVC ..中单击链接时在主视图中呈现局部视图?

  3. 3

    在MVC4的主视图内渲染局部视图

  4. 4

    主视图后加载局部视图

  5. 5

    如何使用局部视图向主视图中定义的表添加行

  6. 6

    如何使用局部视图向主视图中定义的表添加行

  7. 7

    与主视图和局部视图不同的解开结果

  8. 8

    用局部视图替换主视图的内容

  9. 9

    MVC ActionFilterAttribute,但仅在主视图上

  10. 10

    Node JS + Express:在主视图中渲染子视图

  11. 11

    单击时在主视图中加载部分视图

  12. 12

    将部分视图加载到AngularJS主视图中

  13. 13

    如何在Swift的主视图中添加子视图

  14. 14

    如何从主视图的共享视图中获取价值

  15. 15

    主视图中的骨干环路子视图

  16. 16

    无法将片段视图切换到主视图

  17. 17

    在局部剃刀视图中正确使用模型

  18. 18

    在iOS 8的UISplitViewController的主视图中具有UINavigationController

  19. 19

    在UISplitView的主视图中实现统一的UIBlurEffect

  20. 20

    Swiftui将命令连接到主视图中的值

  21. 21

    无法让堆栈视图在滚动视图中正确调整

  22. 22

    保存模型后无法重新渲染主视图

  23. 23

    MVC局部视图未呈现

  24. 24

    通过单击主视图中的按钮来更改容器视图中的按钮标签

  25. 25

    通过单击主视图中的按钮来更改容器视图中的按钮标签

  26. 26

    使用Ajax的MVC发布表单(从局部视图),但没有任何重定向(保留在同一主视图页面上)

  27. 27

    Newtonsoft Json.NET序列化的对象未在ASP.NET MVC视图中正确呈现

  28. 28

    视图中的Codeigniter 4扩展功能未找到我主视图

  29. 29

    删除主视图中的项目后如何停止显示详细视图?

热门标签

归档