Question

在我的应用程序中更新部分视图时遇到了问题。

基本上，在登录程序之后，用户将被重定向到选择的档案以供选择。它应该导致searchmask进入一些标准来搜索。

我得到的是：

的 @_ Layout.cshtml

＆＃13;

<div id="_pview">
  <div class="container body-content">
    <div class="_pviewcontent">
      @RenderBody()
    </div>
  </div>
  <footer class="footer">
    <hr />
    <a class="copyright">@Html.ActionLink($"© Copyright 2006 - {@DateTime.Now.Year} MyCopyright", "Index", "About")</a>
  </footer>
  <div id="loading_image" class="loading" style="display: none;"></div>
</div>

＆＃13;

@ ArchiveSelection / Index.cshtml

＆＃13;

<div id="container">
  <div id="_divpartialview">
    @{Html.RenderPartial("_ArchiveSelection", Model);}
  </div>
</div>

＆＃13;

@ ArchiveSelection / _ArchiveSelection.cshtml

＆＃13;

<table class="table">
  @{
    if (Model != null) {
      foreach (var item in Model.FileCabinetList) {
        <tr>
          <td>
            @Ajax.ActionLink(item, "Index", "SearchMask", new {filecabinet = item}, new AjaxOptions {UpdateTargetId = "_divpartialview", LoadingElementId = "loading_image"})
          </td>
        </tr>
      }
    }
  }
</table>

＆＃13;

@ RenderBody / RenderPartial（）将显示导航栏下方的列表。

使用局部视图更新div容器后，它会移动到导航栏中。

@搜索掩码/ _SearchMask.cshtml

＆＃13;

<div style="height: 500px;">
  <div>
    <div style="height: 500px; width: 330px; float: left; background-color: aqua"></div>
    <div style="height: 500px; width: 330px; float: left; background-color: gray"></div>
    <div style="clear: both;"></div>
  </div>
</div>

＆＃13;

正如您所看到的，容器div（_divpartialview）在更新后会直接进入导航栏。

知道我错过了什么或做错了吗？

此致

Answer 1

最后我自己解决了。

我现在觉得很尴尬，因为它很简单。它只是一个css模板，与bootstrap css冲突。

由于某些css类的命名不正确，这就是结果。

我有点新手，所以不要太嘲笑我：D

MVC - 更新部分视图会移动div容器

1 个答案: