Как мы получаем данные на модальной коробке Bootstrap, используя Laravel MySQL

Question

Я работаю Laravel приложение, которое мы отображаем данные на DataTable. Когда мы обновляем данные, используя Bootstrap модальное поле, используя foreach, тогда выбираем только последние данные в таблице.

Кнопка, с которой мы связываем:

@foreach($patients as $patient)<br>
    <li>
        <button type="button"
            class="btn btn-primary btn-sm"
            data-toggle="modal"
            data-target="#myModal{{$patient->patient_id}}">Update Fee</button>
    </li>
@endforeach

Модальное поле:

<div id="myModal{{$patient->patient_id}}" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><span class="glyphicon glyphicon-edit"></span>&nbsp;Edit Fee</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label> Total Fee</label>
                        <input type="text" name="fee" class="form-control" readonly value="{{$patient->Fee->Fee}}" />
                        <input type="hidden" name="id" class="form-control">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

Answer 1

Просто вставьте ваш модал в директиву @foreach (ваш l oop), и это должно работать с вашим текущим кодом.

@foreach($patients as $patient)<br>
<li>
    <button type="button"
            class="btn btn-primary btn-sm"
            data-toggle="modal"
            data-target="#myModal{{$patient->patient_id}}">Update Fee</button>
</li>

<div id="myModal{{$patient->patient_id}}" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title"><span class="glyphicon glyphicon-edit"></span>&nbsp;Edit Fee</h4>
        </div>
        <div class="modal-body">
            <form>
                <div class="form-group">
                    <label> Total Fee</label>
                    <input type="text" name="fee" class="form-control" readonly value="{{$patient->Fee->Fee}}" />
                    <input type="hidden" name="id" class="form-control">
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach