将 foreach 中的 id 传递给 modal答案

【问题标题】：pass id in foreach to modal将 foreach 中的 id 传递给 modal
【发布时间】：2022-01-26 22:00:05
【问题描述】：

我正在尝试将@item.PhanHoi.ID 传递给模态，但它@item.PhanHoi.ID 仅在第一个循环数处停止，有没有办法将 id 传递给模态？谢谢

                            <tbody>
                                    @foreach (var item in ViewBag.DsPhanHoi)
                                    {
                                    <tr class="sacss">
                                        <td></td>
                                        <td>@item.PhanHoi.Ten</td>
                                        <td>@item.PhanHoi.NoiDung</td>
                                        <td>@item.PhanHoi.TGphanhoi</td>
                                        <td>@item.PhanHoi.SDT</td>
                                        <td>@item.PhanHoi.Email</td>
                                        <td>@item.PhanHoi.DiaChi</td>
                                        <td class="datatable-ct">
                                            <div class="button-ap-list responsive-btn">
                                                <div class="btn-group btn-custom-groups" style="margin-left:26%">
                                                    <a class="btn btn-primary" href="@Url.Action("XemPH", new { id = item.PhanHoi.ID })"><i style="font-size:15px" class="fa fa-info-circle" aria-hidden="true"></i></a>
                                                    <a class="btn btn-danger" data-toggle="modal" data-target="#DangerModalalert" data-item="@item.PhanHoi.ID"><i style="font-size:15px" class="fa fa-trash" aria-hidden="true"></i></a>
                                                    <div id="DangerModalalert" class="modal modal-edu-general FullColor-popup-DangerModal fade" role="dialog">
                                                        <div class="modal-dialog">
                                                            <div class="modal-content">
                                                                <div class="modal-close-area modal-close-df">
                                                                    <a class="close" data-dismiss="modal" href="#"><i class="fa fa-close"></i></a>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <span class="educate-icon educate-danger modal-check-pro information-icon-pro"></span>
                                                                    <h2>Cẩn thận!</h2>
                                                                    <p>Việc này sẽ xóa phản hồi này vĩnh viễn!!!</p>
                                                                </div>
                                                                <div class="modal-footer danger-md">
                                                                    <a data-dismiss="modal" href="#">Hủy bỏ</a>
                                                                    <a style="background-color:red" href="@Url.Action("XacNhanXoaPH", new {id =  @item.PhanHoi.ID })">Xóa!!</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </td>
                                    </tr>
                                        
                                    }
                                </tbody>

【问题讨论】：

我不知道“但它@item.PhanHoi.ID 只在第一个循环数处停止”是什么意思。请用正确的英语澄清和解释问题。

标签： c# asp.net asp.net-core razor modal-dialog

【解决方案1】：

modal的id不是唯一的，可以尝试让它唯一，这样就不会一直调用第一个modal。可以使用如下代码：

                    <tbody>
                            @{ var count = 0;}   
                            @foreach (var item in ViewBag.DsPhanHoi)
                            {
                            <tr class="sacss">
                                <td></td>
                                <td>@item.PhanHoi.Ten</td>
                                <td>@item.PhanHoi.NoiDung</td>
                                <td>@item.PhanHoi.TGphanhoi</td>
                                <td>@item.PhanHoi.SDT</td>
                                <td>@item.PhanHoi.Email</td>
                                <td>@item.PhanHoi.DiaChi</td>
                                <td class="datatable-ct">
                                    <div class="button-ap-list responsive-btn">
                                        <div class="btn-group btn-custom-groups" style="margin-left:26%">
                                            <a class="btn btn-primary" href="@Url.Action("XemPH", new { id = item.PhanHoi.ID })"><i style="font-size:15px" class="fa fa-info-circle" aria-hidden="true"></i></a>
                                            <a class="btn btn-danger" data-toggle="modal" data-target="#DangerModalalert_@count" data-item="@item.PhanHoi.ID"><i style="font-size:15px" class="fa fa-trash" aria-hidden="true"></i></a>
                                            <div id="DangerModalalert_@count" class="modal modal-edu-general FullColor-popup-DangerModal fade" role="dialog">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-close-area modal-close-df">
                                                            <a class="close" data-dismiss="modal" href="#"><i class="fa fa-close"></i></a>
                                                        </div>
                                                        <div class="modal-body">
                                                            <span class="educate-icon educate-danger modal-check-pro information-icon-pro"></span>
                                                            <h2>Cẩn thận!</h2>
                                                            <p>Việc này sẽ xóa phản hồi này vĩnh viễn!!!</p>
                                                        </div>
                                                        <div class="modal-footer danger-md">
                                                            <a data-dismiss="modal" href="#">Hủy bỏ</a>
                                                            <a style="background-color:red" href="@Url.Action("XacNhanXoaPH", new {id =  @item.PhanHoi.ID })">Xóa!!</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </td>
                            </tr>
                            count++;    
                            }
                        </tbody>

【讨论】：