Laravel下Datatable的使用

Datatable中文网手册地址:http://datatables.club

Laravel----视图层,直接上代码

$(document).ready(function () {
        $('#table_id_example').DataTable({
            serverSide: true,
            lengthMenu: [7, 14, 20, 50, 100],
            ajax: {
                url: "{{url('numData')}}",
                dataSrc: function (d) {
                    return d.result
                }
            },
            columns: [
                {"data": "id"},
                {"data": "name","class":'name'},
                {"data": "main"},
                {"data": "created_at"}
            ],
        });
    });
    //  给删除按钮绑定值
        $('#table_id_example').on('init.dt', function () {
            //  获取DOM节点
            $(".del").click(function () {
                //  获取要 删除的 地址
                var url = $(this).attr('href');
                //  获取当前的ID数
                var id = $(this).parent().prev().prev().prev().prev().text();
                //  进行发送ajax
                $.ajax({
                    type: "DELETE",
                    data: {_token: "{{csrf_token()}}" ,id},
                    url
                }).then((res) => {
                    if (res.code == 200) {
                        location.reload()
                    }
                })
                return false
            })
        }).dataTable();

Laravel----控制器 代码

public function numData(Request $request)
    {
        //  获取排序的列是升序还是降序?
        $order = $request->get('order')[0]['dir'];
        //  获取排序的索引
        $order_index = $request->get('order')[0]['column'];
        //  设置默认排序
        $oredr_default = 'id';
        if ($order_index != 0) {
            //  获取排序的字段
            $oredr_default = $request->get('columns')[$order_index]['data'];
        }
        //  起始位置
        $start = $request->get('start', 0);
        //  进行搜索功能
        $searchValue = $request->get('search')['value'];
        //  获取当前初始位置
        $start = $request->get('start');
        //  获取 结束位置
        $length = $request->get('length');
        //  进行分页数据
        $data = Book::where('name','like',"%$searchValue%")
                        ->orderBy($oredr_default,$order)
                        ->offset($start)
                        ->limit($length)
                        ->get();
         //   这里是高亮显示!!!!
     	//foreach ($data as $val){
        //   $val['name'] = str_replace($searchValue,"<span style='color: red;font-weight: //bold'>$searchValue</span>",$val['name']);
  //     }
    //   Redis::set('key',json_encode($data));
      // if (Redis::exists('key')){
        //    json_decode(Redis::get('key'));
       //}
        return ['code'=>200,'msg'=>'success','result'=>$data];
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值