已解决

Question

我正在使用Laravel和mysql。我试图创建一个视图，以单独的每一行的引导模式显示我的数据

我在特定列中放置了一个触发按钮，每一行都有它自己的一个但是我的问题是，我获得了表中（数据库中）每一行的最后一行的数据（我的意思是即使单击第二行按钮，相同的数据也会在模态中重复出现）。

这是我的模态：

<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="table-responsive">
          <div hidden class=" tablesaw-bar tablesaw-mode-stack"></div>
        <table border="1px"class="tablesaw tablesaw-stack" data-tablesaw-mode="stack">
          <head>
          <tr>

            <th>User name</th>

          </tr>
        </head>
        <body>

          <tr>

            <td>{{$user->name}}</td>
          </tr>

        </body>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

这是我的按钮

<td>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
Show data
 </button>
</td>

已解决

感谢Jeff所指的解决方案是使用我的对象的ID，但我不知道如何解释它，但是我已将模式放入我的元素中，因此它可以按照Jeff的解决方案进行工作。

@foreach($sujets as $sujet)
        <tr>
          <td>{{$sujet->nomsujet}}</td>
          <td>
          <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter{{$sujet->id}}">
          show data
          </button>
          <!-- Modal -->
          <div class="modal fade" id="exampleModalCenter{{$sujet->id}}"  tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  <div class="table-responsive">
                    <div hidden class=" tablesaw-bar tablesaw-mode-stack"></div>
                  <table border="1px"class="tablesaw tablesaw-stack" data-tablesaw-mode="stack">
                    <head>
                   <tr>
                      <th>Date </th>                       
                    </tr>
                  </head>
                  <body>

                    <tr>
                      <td>{{$sujet->date}}</td>                         
                    </tr>

                  </body>
                  </table>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
              </div>
            </div>
          </div>

          </td>

        </tr>
        @endforeach

Answer 1

如果每个按钮都引用相同的模式，则每按一次按钮，您都会看到相同的模式。您是否可以确认有多个按钮，每个按钮都引用同一个模式（#exampleModalCenter）？如果是这样，我可以在那里提供帮助。

Answer 2

您的模式ID对于每一行都必须是唯一的。在您的模式代码中，它可能被标记为id="exampleModalCenter{{$user->id}}"

然后您的按钮将为data-target="#exampleModalCenter{{$user->id}}"

Laravel Modal数据

已解决

2 个答案: