在动态选项卡中检索数据答案

【问题标题】：Retrieve Data in dynamic tabs在动态选项卡中检索数据
【发布时间】：2018-06-01 23:51:14
【问题描述】：

在这里，我试图单击任何选项卡以检索它自己的数据，我做得很好，它真的只检索一个原始数据？！有什么帮助吗？

<div class="col-lg-12">
      <div class="tabs-container">
        <ul class="nav nav-tabs">
          @foreach($departments as $department)
          <li class=""><a data-toggle="tab" href="#tab-{{ $department->id }}" aria-expanded="false">{{ $department->name }}</a></li>
          @endforeach


        </ul>
        <div class="tab-content">
          @foreach($works as $work)
          <div id="tab-{{ $work->department_id }}" class="tab-pane">
            <div class="panel-body">
              <div class="row employees">

                <div class="col-md-3">
                  <div class="thumbnail">
                    <div class="image view view-first"> <img class="img-responsive" src="" name="imaged" alt="image"> </div>
                    <div class="caption">
                      <h4>{{ $work->address }}  </h4>
                      <p>{{ $work->body }}</p>
                    </div>
                  </div>
                  <a class="btn btn-primary" href="edit-portfolio.html"> تعديل</a>
                  <button class="btn btn-danger demo4"> حذف
                  </button>
                </div>


              </div>
            </div>
          </div>
          @endforeach
        </div>
      </div>
    </div>
    <!--  -->
  </div>

如果有人有充分的理由说明为什么它只给我每个部门的一条记录，我不需要让它成为 ajax？

【问题讨论】：

你说它只给你一个 raw 是什么意思？
我的意思是我有 5 个值，说其中 2 个的 department_id=1 它只给了我一个记录

标签： php html twitter-bootstrap laravel

【解决方案1】：

您获得部门记录的原因是您的循环为每个作品创建一个选项卡面板，例如，如果您有 2 个作品 (1,2) 属于一个部门 (1)，则结果将是 2 个选项卡，其中相同的 id 设置为 1：

部门：

id     
-----
1

作品：

id      department_id
---------------------
1       1
2       1

HTML结果：

<div id="tab-1" class="tab-pane">
    ...
</div>
<div id="tab-1" class="tab-pane">
    ...
</div>

请注意，两个选项卡具有相同的 id tab-1。

解决方案

按部门 ID 分组工作，如下所示：

 $works = Work::all()->groupBy('department_id');

然后在你看来：

<div class="tab-content">
    @foreach($works as $department_id => $department_works)
        <div id="tab-{{ $department_id }}" class="tab-pane">
            <div class="panel-body">
                <div class="row employees">
                    @foreach($department_works as $work)
                    <div class="col-md-3">
                        <div class="thumbnail">
                            <div class="image view view-first"> <img class="img-responsive" src="" name="imaged" alt="image"> </div>
                            <div class="caption">
                                <h4>{{ $work->address }}  </h4>
                                <p>{{ $work->body }}</p>
                            </div>
                        </div>
                        <a class="btn btn-primary" href="edit-portfolio.html"> تعديل</a>
                        <button class="btn btn-danger demo4"> حذف </button>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endforeach
</div>

希望对你有帮助

【讨论】：