동적 탭에서 데이터 가져 오기

Question

여기 탭을 클릭하여 데이터를 가져 오려고합니다. 제대로 처리 했으므로 실제로는 하나의 데이터 만 검색합니다. 어떤 도움?

<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> 

누가 각 부서마다 하나의 레코드 만 제공하는지에 대한 이유가 있다면 누구나 아약스로 만들 필요가 없습니까?

Answer 1

부서에 대해 하나의 레코드를 얻는 이유는 루프가 작업 당 하나의 탭 패널을 작성하기 때문입니다. 예를 들어 2 개의 작업 (1,2)이 하나의 부서에 속하는 경우 (1) 결과는 2 개의 탭 (1)에 동일한 ID 세트 :

부서 :

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입니다.

$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> 

는 희망이