#laravel-5 #bootstrap-4
#laravel-5 #bootstrap-4
Вопрос:
Я создал представление ‘edit.blade.php ‘ который содержит модальный диалог и открывается с помощью jQuery:
<!-- Modal -->
<div class="modal fade right" id="modalEditUser" 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" >Edit user</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">amp;times;</span>
</button>
</div>
<div class="modal-body">
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div><br />
@endif
<form method="post" action="{{ route('admin.update', $user->id) }}">
@method('PATCH')
@csrf
<div class="form-group">
<label for="name">User Name:</label>
<input type="text" class="form-control" name="name" value="{{ $user->name }}" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary">Save user changes</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal -->
<script>
$(document).ready(function() {
$('#modalEditUser').modal('show');
});
</script>
Представление вызывается из ‘index.blade.php ‘
<td><a id="openModal" href="{{ route('admin.edit', $user->id) }}" class="btn btn-primary"><i class="fas fa-user"></i></a></td>
А в классе контроллера метод редактирования выглядит следующим образом:
public function edit($id)
{
$user = User::find($id);
return view('admin.edit', compact('user'));
}
Проблема в том, что как только я нажимаю кнопку редактирования на странице индекса, страница редактирования открывается пустой, и отображается модальный. Чего я пытаюсь добиться, так это открыть модальный режим на странице индекса без перенаправления на страницу редактирования.
Как я могу открыть страницу редактирования, содержащую модал, без перенаправления на страницу редактирования?
Комментарии:
1. просто поместите # или javascript:void(0); в атрибут href в вашем теге.