ACCESS DENIED
小Z小Z  2020-07-07 00:00 主机之家测评 |  隐藏边栏 |   抢沙发 |  16 
文章评分 0 次，平均分 0.0 ：

Bootstrap Table 中使用 sortable:true 可以开启分页，但是此种分页方式仅适用于客户端分页，如果应用在服务端分页上，只能重排当前页面的顺序，而并非整体重新排序，本文介绍一下 Bootstrap Table 服务端分页方式的排序实现方法：

前端代码：

  function initTable(){    var $table = $('#table');    $table.bootstrapTable('destroy');    $table.bootstrapTable({        locale: 'zh-CN',        url : "{{ route('student-source') }}",        pagination : true,        sidePagination : 'server',        pageSize : 10,        pageList : [10],        queryParams : function(params) {            var temp = {                limit : params.limit,                offset : params.offset,                     //服务端分页的排序参数                sortName:this.sortName,                sortOrder:this.sortOrder,                                 //自定义搜索条件                keytype : $("#keytype").val(),                keyword : $("#keyword").val(),                name:$("#name").val(),                department_id:$("#department_id").val(),                subject_id:$("#subject_id").val(),                province_id:$("#province_id").val(),            };            return temp;        },        columns : [ {            title: "电子号",            field: "identifier",            sortable:true,        }, {            title : '姓名',            field : 'name',        }, {            title : '性别',            field : 'sex.title',        }, {            title : '民族',            field : 'nation.mtitle',        }, {            title : '出生日期',            field : 'birthday',        }, {            title : '身份证号',            field : 'cardno',        }, {            title : '省份',            field : 'province.title',        }, {            title : '专业',            field : 'subject.title',        }, {            title : '快递单号',            field : 'ems',        },{            field: 'operate',            title: '操作',            align: 'center',            events: operateEvents,            formatter: operateFormatter        }  ]    })  }

 

后端代码：

  public function source(Request $request){    $limit = $request->get('limit',10);    $offset = $request->get('offset',10);    $sortName = $request->get('sortName','identifier');    $sortOrder = $request->get('sortOrder','desc');    $student = new Student;    $total = $student->count();    $students = $student->orderBy($sortName,$sortOrder)->offset($offset)->limit($limit)->get();    $data = [      'total' => $total,      'rows' => $students,    ];    return $data;  }
bootstraptable分页排序服务端
声明：1、本博客不从事任何主机及服务器租赁业务，不参与任何交易，也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动，信息均摘自网络或来自服务商主动提供；所以对本博客提及的内容不作直接、间接、法定、约定的保证，博客内容也不具备任何参考价值及引导作用，访问者需自行甄别。2、访问本博客请务必遵守有关互联网的相关法律、规定与规则；不能利用本博客所提及的内容从事任何违法、违规操作；否则造成的一切后果由访问者自行承担。3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。4、一旦您访问本博客，即表示您已经知晓并接受了以上声明通告。
小Z
小Z 关注：0    粉丝：0
【声明】：本站宗旨是为方便站长、科研及外贸人员，请勿用于其它非法用途！站内所有内容及资源，均来自网络。本站自身不提供任何资源的储存及下载，若无意侵犯到您的权利，请及时与我们联系。

你可能也喜欢

热评文章

上一篇
下一篇

发表评论

扫一扫二维码分享