在 Popover 中加载局部视图

Posted 2023-03-05

【中文标题】在 Popover 中加载局部视图

【英文标题】：Load Partial View inside of Popover

【发布时间】：2020-11-07 00:19:17

【问题描述】：

我有一个应该显示部分视图的弹出框。我试图像在弹出框之外那样加载部分视图，但它不起作用。我测试了我的部分是否是问题，但它在弹出框之外渲染得很好。弹出框代码如下：

<a tabindex="0" class="btn btn-danger position-relative" data-placement="top" role="button"
   data-html="true" data-toggle="popover" data-trigger="click" title="Report"
    data-content='<partial name="_FlagPartial"/>'> @*this line is the one that doesn't work as i expect*@
     Flag ⚐
</a>    

如何将我的部分加载到我的弹出框内？

【参考方案1】：

如下更改data-content：

data-content='@await Html.PartialAsync("~/Views/Shared/_FlagPartial.cshtml")'

或者：

data-content='@await Html.RenderPartialAsync("_FlagPartial");'

【讨论】：

我都试过了，奇怪的是他们都给了我按钮，但按钮内部的部分视图，而不是弹出框：image

我相信问题可能是引号匹配。如果你把它改成data-content='@await Html.RenderPartialAsync("_FlagPartial");' 效果很好