在Laravel 5中使用分頁支持進行動態搜索

Question

我如何允許動態搜索不僅僅是使用Laravel 5搜索第一頁，而是全部搜索？

的Jquery：

var $cells = $("tbody td"); 

$(".searchterm").keyup(function() { 
    var val = $.trim(this.value).toUpperCase(); 
    if (val === "") 
     $cells.parent().show(); 
    else { 
     $cells.parent().hide(); 
     $cells.filter(function() { 
      return -1 != $(this).text().toUpperCase().indexOf(val); }).parent().show(); 
    } 
}); 

PHP：

public function index() 
{ 
    $ban = DB::table("bans")->select(['id', 'userid', 'banned_by', 'date_issued'])->orderBy("date_issued", "asc")->paginate(15); 

    return view("bans")->with('bans', $ban); 
} 

Web.php路線：

Route::get('bans', 'BanController@index'); 

Answer 1

這裏是我的代碼。我認爲它可以幫助你。

function tableSearch() { 

    var input, filter, table, tr, td, i; 
    input = document.getElementById("txtSearch"); 
    filter = input.value.toUpperCase(); 
    style = ''; 
    tr = $('#tbCustomer tbody tr');///table.getElementsByTagName("tr"); 

    for (i = 0; i < tr.length; i++) { 
     td = tr[i].getElementsByTagName("td"); 

     for (var j = 1; j < td.length; j++) { 

      if ($(td[j]).attr('style') != "display:none;") { 

       if (td[j]) { 

        if (tr[i].innerHTML.toUpperCase().indexOf(filter) > -1) { 

         style = 'table-row'; 
        } else { 
         style = 'none'; 
         //break; 
        } 
       } 
      } 
     } 

     $(tr[i]).css('display', style); 
    } 

    tr = $('#tbCustomer tbody tr:visible'); 

    if (tr.length <= 0) { 
     var tdata = ''; 
     var trow = ''; 
     tdata = '<td colspan="11" class="text-center alert alert-warning">No data found !</td>'; 
     trow = '<tr data-id="0001">' + tdata + '</tr>' 
     $('#tbCustomer tbody ').append(trow); 
     $('#tbCustomer tfoot ').hide(); 
    } 
    pagination($('#tbCustomer tbody tr:visible')); 
}