jquery - 访问 Bootstrap Table 中特定行的对象并传递给 Modal

Question

我有一个表，其中每一行都是一个对象并显示某些属性。每行还有一个按钮，用于打开删除模式，该模式将从数据库中删除该行上的对象。模态 Twig 模板可以访问显示的对象数组，但我需要一种方法来查找要在数据库中搜索和删除的对象。

这里是显示数据的 Twig 模板代码。

{%  for announcement in announcements %}
    <tr>
        <th scope="row">{{ announcement.content }}</th>
        <td>{{ announcement.isDisplayed() }}</td>
        <td style="float:right;">
            <div>
                <button class="btn btn-sm" data-toggle="modal" data-target="#announcementDeleteModal">
                         <span class="fa fa-trash btn-link"></span>
                          Delete announcement
                </button>

模态模板，它也对数组 announcements

有重音

<div class="modal fade" id="announcementDeleteModal" tabindex="-1" role="dialog"  aria-hidden="true">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">
                <span class="fa fa-cat"></span><div>Srsly delete that?</div>
            </h5>
        </div>
        <div class="modal-body">
            {{ form_start(deleteForm) }}
            {{ form_end(deleteForm) }}
            <span class="fa fa-cat"></span><div>Srsly delete that?</div>
            <button type="button" class="btn btn-secondary" data-dismiss="modal" aria-label="Close">
                Fine. Keep it.
            </button>
        </div>
    </div>
</div>

这是发送 ajax 请求的 jQuery 代码。 var id 正在捕获正确的数据。我只需要通过 Controller 访问它。我尝试了 $request->get('id') 和 $request->get('id'),

$('.action-button').click(function () {
        alert("ran");
        var id = $(this).data('id');
        alert(id);
        $.ajax({
            url:"/admin/announcements",
            method: "POST",
            cache: false,
            data: { id: id },
            success: function (html) {
                alert("success");
               // $(this).parent().parent().remove();

            }
        });
    });

Answer 1

实际上我不明白这个问题，但我建议您可以在渲染模板时为每个行元素创建一个模式，或者编写自定义 JS 脚本并通过数据属性传递对象 ID 并将其存储到某个隐藏字段中。