tp5+layui表格實現表格過載與搜尋
阿新 • • 發佈:2021-05-04
html:注意input的id
<div class="demoTable"> 搜尋ID: <div class="layui-inline"> <input class="layui-input" name="id" id="demoReload" autocomplete="off"> </div> <button class="layui-btn" data-type="reload">搜尋</button> </div> <table class="layui-hide" id="allLegalUser" lay-filter="allLegalUser"></table>
在table中加一個id
js:
//資料過載 var $ = layui.$, active = { reload: function(){ var demoReload = $('#demoReload'); console.log(demoReload.val()) //執行過載 table.reload('allLegalUser', { page: { curr: 1 //重新從第 1 頁開始 } ,where: { name: demoReload.val() } }); } }; $('.demoTable .layui-btn').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; });
注意:table.reload('表格id') whrer:{想搜尋的資料段:獲取到的input輸入框的值}
tp5後臺處理程式碼:控制器
$limit=request()->param('limit'); $page=request()->param('page');//獲取當前頁面 $tol=($page-1)*$limit;//計算出從哪條開始查詢 $name=input('name'); $map=[]; if($name && $name !== ""){ $map['name']=['like',"%".$name."%"]; } $pictureModel=new Violation(); $lists=$pictureModel->getAllLegal($tol,$limit,$map);//查詢待解封的違規使用者 return ["code"=>"0","msg"=>$lists[2],"count"=>$lists[0],"data"=>$lists[1]];
Model:
//查詢所有使用者的違規記錄
public function getAllLegal($tol,$limit,$map){
$result=$this->where($map)
->limit($tol,$limit)->order('id asc')->select();
$count=$this->where($map)->select();
return [count($count),$result,$map];
}
一定要注意細節!!!!!!!0_0