如何在已加载PartialView的情况下加载View?

时间:2018-03-19 19:15:08

标签: asp.net-mvc view asp.net-mvc-partialview

我正在处理这个ASP.NET MVC Core项目,我希望ViewPartialView上呈现已View的{​​{1}}。换句话说,

我有以下View

查看:Index.cshtml

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

PartialView:Details.cshtml

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

我想在屏幕上加载Details.cshtml时在divPageLoad Index.cshtml内呈现Index.cshtml。换句话说,看起来好像Index.cshtmlDetails.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(),或采取不同的方法。

1 个答案:

答案 0 :(得分:0)

根据要求,这是一个答案:

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

@Html.Partial("PartialViewName") 

OR

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