如何加载已经加载了 PartialView 的 View？

Question

我正在处理这个 ASP.NET MVC Core 项目，我想在屏幕上呈现 View，PartialView 已经在 View 中呈现。换句话说，

我有以下 View：

查看：Index.cshtml

...
...
<div class="card">
    <div id="divPageLoad"></div>
</div>

局部视图：Details.cshtml

...
...
// Some code
...
...

我想在屏幕上加载 Index.cshtml 时在 Index.cshtml 的 divPageLoad 中呈现 Details.cshtml。换句话说，Index.cshtml 和 Details.cshtml 的内容看起来应该在一页上，而实际上，它们是两个不同的 Views.

我目前正在通过以下方式使其工作：

<div class="card">
<div>
    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" id="lnk_InventoryDetails" onClick="GetInventoryDetails()">Details</a></li>
        <li><a data-toggle="tab" href="/Inventory/Locate">Locate</a></li>
    </ul>
</div>
<div id="pageLoadId"></div>

JavaScript代码：

<script type="text/javascript">
    function GetInventoryDetails() {
        $('#divPageLoad').load("/Constructor/Action");

    };
</script>

我用过onClick()。但我知道这样，页面只会在点击 Button 之后加载。否则它不会运行。我基本上想用其他东西替换 onClick() ，或者采取不同的方法。

Answer 1

这里是应要求的回答：

<div class="card">
    <div id="divPageLoad"></div>
</div>

@Html.Partial("PartialViewName")

或

@Html.Partial("PartialViewName", Model) //If you need to pass a model object to partial

如何加载已经加载了 PartialView 的 View？

How to load View with PartialView already loaded in it?

asp.net-mvc

view

asp.net-mvc-partialview