Abrufen von Daten in dynamischen Registerkarten

Question

hier versuche ich auf irgendwelche Registerkarten zu klicken, um seine eigenen Daten zu erhalten, die ich es gut gemacht habe und es wirklich die Daten von nur einem rohen abruft?! irgendeine Hilfe?

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

ich brauche nicht, um es, wenn jemand einen guten Grund hat, zu machen ajax, warum es mir nur einen Datensatz für jede Abteilung geben?

Answer 1

Der Grund, warum Sie einen Datensatz für Abteilung erhalten, ist, dass Ihre Schleife eine Registerkarte pro Arbeit erstellen, zum Beispiel wenn Sie 2 Arbeiten (1,2) gehört zu einer Abteilung (1) das Ergebnis wäre 2 Registerkarten mit die gleiche ID auf 1:

Abteilungen:

id  
----- 
1 

Werke:

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

Html Ergebnis:

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

Beachten Sie, dass beide Registerkarten dieselbe ID tab-1 haben.

Lösung

Gruppe arbeitet von department_id, etwa wie folgt:

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

und dann in der Ansicht:

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

hoffe, das hilft