tp5 layui 分页输出

最新推荐文章于 2024-04-13 21:11:27 发布

璞~

最新推荐文章于 2024-04-13 21:11:27 发布

阅读量402

点赞数

分类专栏： layui

本文链接：https://blog.csdn.net/qq_39702981/article/details/105702967

版权

layui 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

PHP

 public function getJson(Request $request,$id)
    {
        $wash_card_list = model('WashCardList');
        //获取每页显示的条数
        $limit= $request->param('limit');
        //获取当前页数
        $page= $request->param('page');

        $where = [];
        $where['wash_card_id'] = $id ;

        $list = $wash_card_list->order('user_id desc')->where($where)->paginate($limit,false,['page'=>$page])->toArray();

        return json(['code'=>0,'msg'=>'','count'=>$list['total'],'data'=>$list['data']]);

    }

HTML

 layui.use(['layer','table'], function(){
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#table'
            // ,height: 600
            ,url: "{:url('getJson','id='.input('id'))}" //数据接口
            ,page: true //开启分页
            ,toolbar:true
            ,defaultToolbar: ['filter', 'exports']
            ,cols: [[ //表头
                {field: 'card_number', title: '卡号', sort: true, fixed: 'left'}
                ,{field: 'user_id', title: '绑定用户',}
                ,{field: 'use_count', title: '使用次数', sort: true}
                ,{field: '', title: '操作',toolbar:'#barDemo',width:260}
            ]],

        });

效果