在 ASP.net 核心 2.2 cshtml 中加载多个视图组件

Question

我是 Asp.Net 核心新手，但我使用过 Asp.net MVC 5.我在视图中加载多个视图组件时遇到问题。使用 Asp.net 核心 2.2( 我有在其中加载viewcomponent的页面。 这是我的页面：

<div id="frmSoftPhone_pageUniqueId">
<div id="sipClient" class="custom-tab">
<ul>       
<li class="active"
data-init="init"
data-parentObj="cc.pageDesktop"><i class="icon-desktop"></i></li>
</ul>
<div id="desktop-container" class="active" style="height: 650px">
@await  Component.InvokeAsync("TestViewComponent")
</div>
</div>
</div>

然后在我的"TestViewComponent"中，我也加载了几viewcomponents。 我的测试视图组件是这个

@{
Layout = null;
}
<div class="container">
<div class="container-item">
<div class="custom-tab">
<ul>
<li class="active session-content-li"><i class="fa fa-file-text"></i></li>
<li><i class="fa fa-users"></i></li>
<li style="position: relative">
<span id="v-call-count" style="display: none">0</span><span class="icon-queue"></span>
</li>
<li style="position: relative">
<span id="p-call-count" style="display: none">0</span><span class="icon-p-queue"></span>
</li>
</ul>
<div class="active session-content">
@await Component.InvokeAsync("GroupEmail", new GroupEmailModel())
@await Component.InvokeAsync("CallHistory")
@await Component.InvokeAsync("SmsContainer")
</div>
<div>
<div class="tabcontent">
@await Component.InvokeAsync("OnlineAgentstatus")
</div>
</div>
<div>
<div class="tabcontent">
@await Component.InvokeAsync("VCallsContainer")
</div>
</div>
<div>
<div class="tabcontent">
@await Component.InvokeAsync("PCallsContainer")
</div>
</div>
</div>
</div>
</div>

我的所有viewcomponents都没有"异步"代码。通过调试，我看到我的所有viewcomponents都在跟踪加载，但最后当一切完成后，只有第一个组件"GroupEmail"。同样在更改viewcomponents的加载顺序时，同样只在HTML中加载第一个或有时两个。我也尝试使用Html.PartialAsync和Html.Partial，但发生了相同的结果。 我在这个问题上卡了 2 天。任何帮助我将不胜感激。

谢谢

Answer 1

我通过一次又一次地测试它发现了一些东西。我在部分视图中有剑道网格或树列表(全部(。删除它们时，一切都很好，并且可以正常工作。如果解决，我正在尝试找到确切的问题，我将在此处发布解决方案。

谢谢

Answer 2

终于找到了，

剑道模型错误绑定在列中存在错误。所以刚刚更正了它，所有视图组件现在都正常工作。