В индексном файле у меня есть список техников, которые я показываю таким образом
@foreach ($technicians as $technician)
<li><i class="fa-li fa fa-square text-muted"></i><a href="#" onclick="event.preventDefault();tecShow({{ $technician->id }})"><small class="text-muted"># {{$technician->id}}</small> {{$technician->nome}} {{$technician->cognome}}</a></li>
@endforeach
У меня также есть кнопка для создания нового te c
<a onclick="event.preventDefault();openTecForm()" href="" class="btn btn-outline-muted btn-sm text-secondary">
И скрытый div для отображения формы
<div class="col-9" id="scheda" style="display:none">
<form method="post" action="{{action('TechnicianController@store')}}" id="formTec">
@csrf
@include('technician.form')
</div>
Внутри моего js файла у меня есть несколько функций:
openForm () -> сброс поля , установите кнопки и покажите скрытый div
tecAdd () -> выполните вызов ajax, сохраните содержимое и добавьте результат в ul в индексном файле
tecShow (id) -> заполнить данные формы, поступающие из базы
tecEdit (id) -> все еще работает над этим, но он должен обновить запись