Как вывести динамические данные в редактируемую модальную кнопку внутри yajra datatable - PullRequest
Новая
       10

Как вывести динамические данные в редактируемую модальную кнопку внутри yajra datatable

0 голосов
/ 24 февраля 2019

В моем веб-приложении есть поле данных yajra с кнопкой редактирования, которая выводит модальное изображение при нажатии.Проблема в том, что я понятия не имею, как вывести модальные данные с динамическими данными из данных.На данный момент модальный вывод только первой строки в datatable для всех кнопок, сгенерированных в каждой строке.Я хотел, чтобы мой модал выводил конкретные данные в каждой строке.Я использую bootstrap 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">&times;</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>
...