Как вывести динамические данные в редактируемую модальную кнопку внутри yajra datatable
В моем веб-приложении есть кнопка "Яджра" с кнопкой редактирования, которая при нажатии выводит модальное изображение. Проблема в том, что я понятия не имею, как вывести модальные данные с динамическими данными из данных. На данный момент модальный вывод только первой строки в datatable для всех кнопок, сгенерированных в каждой строке. Я хотел, чтобы мой модал выводил конкретные данные в каждой строке. Я использую бутстрап 4.
Вот мой UsersController:
public function yajraDT()
{
$users = DB::table('users')
->join('addresses', 'users.id', '=', 'addresses.user_id')
->get();
return Datatables::of($users)
->addColumn('delete', function ( $users ) {
return view('users.delete', compact('users'))->render();
})
->addColumn('edit', function ( $users ) {
return view('users.editmodal', compact('users'))->render();
})
->escapeColumns([])
->make(true);
}
Вот скрипт JS:
<script>
$(function() {
$('#tableDT').DataTable({
processing: true,
serverSide: true,
ajax: '{{ url('users/yajraDT') }}',
columns: [
{ data: 'id', name: 'id',
@if(Auth::check() && Auth::user()->type == "Admin")
render:function(data, type, row)
{
return "<a href='/users/"+ row.id +"'>" + row.id + "</a>"
}
@endif},
{ data: 'first_name', name: 'first_name' },
{ data: 'last_name', name: 'last_name' },
{ data: 'email', name: 'email' },
{ data: 'gender', name: 'gender' },
@if(Auth::check() && Auth::user()->type == "Admin")
{ data: 'delete', name: 'delete' },
{ data: 'edit', name: 'edit' }
@endif
]
});
});
</script>
Если я помещаю форму коллектива laravel за пределы модальной, она становится динамичной, но если я помещаю ее внутри модальной, она становится статичной, и я не знаю почему. Любая помощь приветствуется.
Вот editmodal.blade.php:
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Edit</a>
<div class="container">
<!-- Button to Open the Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Modal Heading</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
{!! Form::open(['action' => ['UsersController@update', $users->id], 'method' => 'POST']) !!}
<div class="form-group">
{{ Form::label('first_name', 'First Name') }}
{{ Form::text('first_name', $users->first_name, ['class' => 'form-control', 'placeholder' => 'First Name']) }}
</div>
<div class="form-group">
{{ Form::label('last_name', 'Last Name') }}
{{ Form::text('last_name', $users->last_name, ['class' => 'form-control', 'placeholder' => 'Last Name']) }}
</div>
<div class="form-group">
{{ Form::label('city', 'City') }}
{{ Form::text('city', $users->city, ['class' => 'form-control', 'placeholder' => 'City']) }}
</div>
<div class="form-group">
{{ Form::label('barangay', 'Barangay') }}
{{ Form::text('barangay', $users->barangay, ['class' => 'form-control', 'placeholder' => 'Barangay']) }}
</div>
{{ Form::hidden('_method', 'PUT') }}
</div>
<!-- Modal footer -->
<div class="modal-footer">
{{ Form::submit('Submit', ['class' => 'btn btn-primary']) }}
{!! Form::close() !!}
</div>
</div>
</div>
</div>
</div>