带有 ViewComponent 的 Net Core 中的模态 Window

Question

我在使用 JQuery 打开模式 Window 时遇到问题。我不调用函数。与普通页面相同的代码正常打开，但 viewcomponent 内的调用函数不调用。剃须刀页面包含一个视图组件。这个 viewComponent 有 The modal window is call from JQuery function

调用函数代码为：

<a href="#myModal" class="btnEditar btn btn-dark btn-sm" data-toggle="modal" title="Edit" 
data-id="@item.Id" Id="Edit">Edit</a>

部分脚本是

@section Scripts {
    <script>
        $(".btnEditar").click(function (eve) {
        $(console.log("here click"));
        $("#modal-content").load("htmlpage.html");
        });
 </script>
 }

非常非常感谢问候

Answer 1

如果你的模态是这样的：

<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
      
    </div>
</div>
</div>

在你的组件中。

您可以像这样更改主视图：

<a href="#myModal" class="btnEditar btn btn-dark btn-sm" data-toggle="modal" title="Edit" Id="Edit">Edit</a>
@await Component.InvokeAsync("YourCompoentName")

@section Scripts
{ 
    <script>
        $(".btnEditar").click(function (eve) {
        $(console.log("here click"));
        $('.modal-content').load("../htmlpage.html");
    });
    </script>

}

测试结果：

带有 ViewComponent 的 Net Core 中的模态 Window

Modal Window in Net Core with ViewComponent

asp.net-core

asp.net-core-viewcomponent