1. 程式人生 > 其它 >tp5+layui表格實現表格過載與搜尋

tp5+layui表格實現表格過載與搜尋

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