2017-12-23 5 views
0

많은 행이 표시되는 표가 있고 페이지 매김 및 정렬 기능을 사용하고 있습니다. 또한 아약스를 사용하여 행의 수와 다른 아약스를 반환하여 두 날짜 사이의 행을 반환합니다.Laravel AJAX 및 URL이없는 페이지 매김

문제는 행을 정렬하고 같은 시간에 두 날짜 사이에 일부 행을 표시하려는 경우이 작업이 나와 관련없는 것입니다. 왜냐하면 ajax를 사용할 때 URL이 없기 때문입니다.

public function index() 
{ 
    $checks = Checks::orderBy('id', 'asc')->get(); 
    $checks= Checks::sortable()->paginate(10); 
    return view('home',compact('checks')); 
} 

public function showpage(Request $request) 
{ 
    if($request->ajax()) 
    { 
     $checks= Checks::orderBy('id', 'asc')->paginate($request->inputpage); 
     return view('layouts.showcheks',compact('checks')); 
    } 
} 

public function getCheckReport(Request $request) 
{ 
    if($request->ajax()){ 
     $New=$request->StartDate; 
     $Old=$request->EndDate; 
     $checks= Checks::whereBetween('postingdate',[$New,$Old])->sortable()->orderBy('postingdate', 'asc')->get(); 
     return view('layouts.showcheks',compact('checks')); 
    } 
} 

showchecks.blade.php

@foreach($checks as $indexKey => $check) 
    <tr > 
     <td>{{$check->details}}</td> 
     <td>{{date('m/d/Y', strtotime($check->postingdate))}}</td> 
     <td>{{$check->description}}</td> 
    </tr> 
@endforeach 

홈페이지 :

<table class="table" id="postTable"> 
    <thead> 
     <tr> 
      <th>@sortablelink('details','Details')</th> 
      <th>@sortablelink('postingdate','Date')</th> 
      <th>@sortablelink('description','Description')</th> 
     </tr> 
     {{ csrf_field() }} 
    </thead> 
    <tbody> 
    @foreach($checks as $indexKey => $check) 
     <tr > 
      <td>{{$check->details}}</td> 
      <td>{{date('m/d/Y', strtotime($check->postingdate))}}</td> 
      <td >{{$check->description}}</td> 
     </tr> 
    @endforeach 
    </tbody> 
</table> 
{{$checks->appends(Request::input())->links()}}  
+0

일반 테이블 대신 datatable을 사용합니다. inbuid 함수가 거기에 있습니다. 내부 행에있는 모든 비교를 수행하십시오. –

+0

URL을 전달하는 부분은 어디에 있습니까? – Norgul

답변

0

가장 좋은 방법은 또한 u는 또한 행을 정렬 할 수 있습니다 아약스와 데이터 테이블 https://datatables.net/를 사용 ..

+0

datatables가 내 CSS 디자인과 충돌합니다 – Msaas

+0

먼저 datatables csss를 추가하고 자신의 CSS를 추가하십시오. – Jignesh