layui默认提供有sort排序,但是仅针对当前页面中的数据,无法实现全局数据的排序,如果需要全局排序,需要后台程序支持才可以实现。

可以在layui触发排序事件上改进下。本功能必须配合后台程序否则无效。
实现方法
table格式这么写:
<table class="table" id="list" lay-filter="list"></table>
为了便于后续,id和lay-filter都设置成了list
//监听排序事件
table.on('sort(list)',
function(obj) {
table.reload('list', {
initSort: obj, //记录初始排序,如果不设的话,将无法标记表头的排序状态。
where: { //请求参数(注意:这里面的参数可任意定义,并非下面固定的格式)
field: obj.field,//排序字段
order: obj.type //排序方式
}
});
});
php代码这么写,需要进行修改:
$field = input('field');
$order = input('order');
if(empty($order)){
$order = "id desc";//默认id倒序
}else{
$order = "{$field} {$order}";//根据lay排序
}
The End





大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)