我想制作一个确认模式,显示用户名& id,然后在按钮单击模态时删除它。 使用此代码,我已成功传递数据用户的名称&我希望将id转换为我的模态,然后我想将id传递给删除路由。 如何从模态中获取id然后调用控制器函数? 我不能让我的第二个js功能起作用。
我的控制器功能
public function getDeleteUser($user_id)
{
$user = User::find('id', $user_id)->first();
$user->delete();
return redirect()->route('ManageModerators');
}
路由
Route::get('delete/{user_id}',[
'uses' => 'AdminController@getDeleteUser',
'as' => 'getDeleteUser']);
环
@foreach($users as $user)
<tr>
<td>{{ $user->id }}</td>
<td><img class="img-circle" src="{{ $user->prof_pic_path }}" height="100" width="100" /></td>
<td>{{ $user->name }}</td>
<td>{{ $user->email }}</td>
<td>
<button data-target="#deleteModal(" data-name="{{ $user->name }}" data-id="{{ $user->id }}" id="deleteButton" type="button" class="btn btn-danger" ><i class="delete fa fa-trash" style="margin:auto"></i></button>
</td>
</tr>
@endforeach
模态
<!-- deleteModal -->
<div id="deleteModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Delete Moderator</h4>
</div>
<div class="modal-body">
<i class="fa fa-user-times fa-5x" style="margin-left:95px"></i>
<br>
<h4 class="center">Confirm delete ?</h4>
<br>
<strong class="center">User ID :</strong>
<text class="text-primary" id="user_id"></text>
<br>
<strong class="center">Username :</strong>
<text class="text-primary" id="user_name"></text>
</div>
<div class="modal-footer">
<button id="deleteButtonConfirm" type="button" class="btn btn-danger">Delete</button></a>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- end of deleteModal -->
的.js
$(document).on("click",'#deleteButton',(function(){
var name = $(this).data('name');
var id = $(this).data('id');
$('#user_name').text(name);
$('#user_id').text(id);
$('#deleteModal').modal('show');
}));
$(document).on("click",'#deleteButtonConfirm',(function(){
var id = $('#user_id').val();
alert(id);
}));