选择一个用户确认删除(laravel)

早晨好

我想创建一个对话框,要求我确认删除一个用户,但我无法指定正确的用户,当我点击 “删除 “时,它试图从我的表中删除第一个用户。

我想创建一个对话框,要求我确认删除用户,但我无法指定正确的用户,当我单击 “删除 “时,它会尝试从表中删除第一个用户。

@section('tableHeader')
    <th class="align-middle">ID</th>
    <th class="align-middle">Avatar</th>
    <th class="align-middle">Pseudo</th>
    <th class="align-middle">Nom et Prénom</th>
    <th class="align-middle">Age</th>
    <th class="align-middle">Email</th>
    <th class="align-middle">Date D'Inscription</th>
    <th class="align-middle">Actions</th>
@endsection

@section('tableData')
    @foreach($users as $user)
            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            Supprimer {{ $user->pseudo }} ?
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <a href="{{ route('adminUserDestroy' , $user->id) }}"><button class="btn btn-outline-danger">Supprimer</button></a>
                        </div>
                    </div>
                </div>
            </div>
        <tr>
            <td class="align-middle">{{ $user->id }}</td>
            <td class="align-middle">
                <img src="{{ asset( 'storage/' . $user->avatar ) }}" height="50" width="50">
            </td>
            <td class="align-middle">{{ $user->pseudo }}</td>
            <td class="align-middle">{{ $user->lastName }} {{ $user->firstName }}</td>
            <td class="align-middle">{{ $user->age }} ans</td>
            <td class="align-middle" style="max-width: 14vw; overflow: scroll; overflow: -moz-hidden-unscrollable;">{{ $user->email }}</td>
            <td class="align-middle">{{ $user->created_at }}</td>
            <td class="align-middle" style="min-width: 12vw">
                <a href="{{ route('adminUserShow' , $user->id) }}"><button class="btn btn-outline-primary m-1">Voir Plus</button></a>
                <button type="button" class="btn btn-outline-danger" data-toggle="modal" data-target="#exampleModal">Supprimer</button>
                {{--                <a href="{{ route('adminUserDestroy' , $user->id) }}"><button class="btn btn-outline-danger">Supprimer</button></a>--}}
            </td>
        </tr>
    @endforeach
@endsection

@section('paginate')
    {{ $users->links() }}
@endsection

我已经迫不及待地想看到你的答案了! =D

解决方案:

根据您的需求更新

这个工作原理是你不使用bootstrap的 data-toggle="modal" data-target="#exampleModal"

你可以添加自定义数据属性,比如 data-user-id="{{ $user->id }}"

同时将模态移到循环外。使用单模态并使用jquery设置用户ID。

例子

<button data-user-id="{{ $user->id }}" type="button" class="btn btn-outline-danger deleteUser">Supprimer</button>

添加 deleteUser 类来应用jquery点击事件。

然后在jquery上选择用户ID,并分配到任何你想分配的地方。

例子:

$('.deleteUser').click(function(){
   let userID = $(this).data('user-id');

   // use the userId and assign it
   // add id="deleteBtn" to your delete button as well
   let deleteURL = "{{ route('adminUserDestroy' , ':id') }}";
   deleteURL = deleteURL.replace(':id', userID);
   $('#deleteBtn').attr('href', deleteURL);

   $('#exampleModal').modal('show'); // this will open the modal.
})

给TA打赏
共{{data.count}}人
人已打赏
未分类

在python中删除信号中不需要的部分。

2022-9-9 1:28:33

未分类

多部分表格,字段文件的顺序

2022-9-9 1:28:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索