Модал начальной загрузки не показывает правильные данные в приложении фляги - PullRequest
Новая
       9

Модал начальной загрузки не показывает правильные данные в приложении фляги

0 голосов
/ 27 декабря 2018

Я пытаюсь использовать модальную таблицу для каждой записи, которая будет отображать данные из этой записи.С моим текущим кодом все различные модалы показывают только данные первых строк вместо коррелирующих данных.Я просмотрел кучу других потоков с этой проблемой и попытался изменить data-target и id, но мне не повезло.

Вот мой код: 

{% block content %}
<h1 class="display-3">Equipment List</h1>

<table class="table table-striped table-dark">
      <thead>
        <tr>
          <th scope="col">Equipment Type</th>
          <th scope="col">Asset ID</th>
          <th scope="col">Year</th>
          <th scope="col">Make</th>
          <th scope="col">Model</th>
          <th scope="col">Serial</th>
          <th scope="col">Hours</th>
          <th scope="col">Ownership</th>
          <th scope="col">Status</th>
        </tr>
     </thead>
     <tbody>
        {% for e in equipment %}
        <tr>
          <td>{{ e.equipment_type }}</td>
          <td>{{ e.asset_id }}</td>
          <td>{{ e.year }}</td>
          <td>{{ e.make }}</td>
          <td>{{ e.model }}</td>
          <td>{{ e.serial }}</td>
          <td>{{ e.hours }}</td>
          <td>{{ e.ownership }}</td>
          <td>{{ e.status }}</td>
          <td>
        <button type="button" class="btn btn-primary" data- 
            toggle="modal" data-target=".bd-example-modal-lg">Large 
            modal</button>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>

<!-- modal content -->
{% for e in equipment %}
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" 
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <p>{{ e.equipment_type }}</p>
                <p> {{ e.asset_id }} </p>
            </div>
    </div>
</div>
{% endfor %}

{% endblock %}

Iиметь цикл for, создающий записи в этой таблице.Я попытался добавить "{{asset_id}}" к цели данных в кнопке для модального окна, а также добавить идентификатор с "{{asset_id}} в модале". Asset_id - это уникальное значение, введенное в формупользователем. Когда я внес эти изменения, модал пуст. Когда код работает как есть, все модалы показывают данные только из первой строки таблицы. Может кто-то направить меня в правильном направлении? Я видел парупотоки, использующие javascript для этого, но я не знаю много javascript, поэтому он не имеет смысла для меня с моим кодом. Есть ли способ сделать это без javascript или кто-то может помочь мне с тем, как это будет работать для моего примера?

...