2016-05-19 5 views
0

は、アプリケーション内で部分ビューを更新する際に問題が発生しました。MVC - 部分ビューを更新するとdivコンテナが移動する

基本的に、ログイン手順の後、ユーザーは選択するアーカイブにリダイレクトされます。 検索するための基準を入力するための検索マスクが必要です。

私は何を得たことはこれです:ArchiveSelection/Index.cshtml

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


_Layout.cshtml @

<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>

ArchiveSelection/_ArchiveSelection.cshtml

<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>

@ 210

RenderBody /れるrenderPartial @()ナビゲーションバーの下のリストが表示されます。

enter image description here

部分ビューでのdivコンテナを更新した後、それはナビゲーションバーに移動します。

@ SearchMask/_SearchMask.cshtml

<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>

enter image description here



あなたは、コンテナのdiv(_divpartialview)を見ることができるように、それを更新した後、右のナビゲーションバーに移動します。

私が行方不明または間違っていることは何ですか?

よろしくお願いします。

答えて

0

最後に私自身で解決しました。

私は今とてもシンプルだったので、とても恥ずかしいと感じます。これはちょうどCSSテンプレートで、ブートストラップCSSと衝突していました。

いくつかのCSSクラスの名前が正しくないため、これが原因でした。

これはまったく新しいので、あまりにも笑いすぎないでください。D

関連する問題