具有自动生成的ID的迭代生​​成的模态-不起作用！有什么问题？

Question

我正在构建一个页面，该页面应该以文本框的形式显示来自数据库的条目，并且每个页面都有一个按钮，该按钮基于其Id键调用控制器删除该条目。然后我的老板要我添加一个警告用户的模式-您典型的“您真的要...吗？”

为此，我需要为每个条目生成一个模式代码段，并自动分配相关的ID和数据目标。

我当前的设计如下：

Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: old_mask 0xf
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 0 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 1 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 2 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 3 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 4 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 5 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 6 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 7 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 8 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 9 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 10 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 11 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 12 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 13 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 14 errno 22:Invalid argument
Sep 19 11:50:25 apxdev-cjn-1 proc3[12372]: sched_setaffinity, cpu 15 errno 22:Invalid argument

此代码以局部视图的形式提交，并且渲染了很多次。 Model [0]是一个数值。想法是，模态的ID代码将为“ 3DeleteCategoryModal”，以删除类别3等。

有问题吗？模态不会打开。我单击一个按钮，没有任何反应。无论出于何种原因，它都找不到名称正确的模式段。奇怪的是，当我浏览已编译的源代码时，它看起来还不错：

@model System.Data.DataRow


<div class="input-group my-1">
    <input type="text" class="form-control border-secondary tinybox" value="@Model[1]" name="ArtCategory">

    <div class="input-group-append">



        <button type="button" class="btn btn-outline-secondary tinybox py-0" name="CatDelete" value="@Model[0]" data-toggle="modal" data-target="@("#" + Model[0] + "DeleteCategoryModal")">
            <i class="fas fa-times"></i>
        </button>

    </div>
</div>



<div class="modal fade" id="@(Model[0] + "DeleteCategoryModal")">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">Vill du verkligen radera denna kategori?</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->

            <div class="modal-body">
                Kategorinummer: @Model[0]
            </div>

            <!-- Modal footer -->
            <div class="modal-footer">


                @using (Html.BeginForm("DeleteCategory", "Backoffice", FormMethod.Post, new { id = Model[0] }))
                {

                    <button type="submit" id="DeleteCategory" Name="CatDelete" value="@Model[0]" class="btn btn-dark">Bekräfta</button>
                    <script>
                        $('#DeleteArticle').click(function () {
                            $('#DeleteArticleModal').modal('hide');
                        });
                    </script>

                }
                    <button type="button" class="btn btn-dark" data-dismiss="modal">Avbryt</button>
                </div>

        </div>
    </div>
</div>

所以。我该如何进行这项工作？