Layui表格排序问题,解决Layui本身排序不正常.

//排序
//表头绑定click点击事件
window.sortTable = function(form,tableIns,$,table){
    var order = "asc";
    $('th').unbind("click").click(function () {
        var sortfield = $(this).context.dataset.field;
        if(sortfield !== "code" && sortfield !== "createTime" ){
            return;
        }
        if (order === "asc") {
            order = "desc";
        } else {
            order = "asc";
        }
        var formObject = getFormDate($,sortfield,order);
        table.reload('tableForDataList', { //testTable是表格容器id
            url:  /*[[@{/xxx/xxx}]]*/ ''
            ,where: formObject
            ,page: {
                curr: 1
            }
            , done: function () {
                $('th').unbind("click").click(function () {
                    var sortfield = $(this).context.dataset.field;
                    if(sortfield !== "code" && sortfield !== "createTime" ){
                        return;
                    }
                    if (order === "asc") {
                        order = "desc";
                    } else {
                        order = "asc";
                    }
                    var formObject = getFormDate($,sortfield,order);
                    table.reload('tableForDataList', { //testTable是表格容器id
                        url: /*[[@{/xxx/xxx}]]*/ ''
                        //记录初始排序,如果不设的话,将无法标记表头的排序状态。 layui 2.1.1 新增参数
                        ,where: formObject
                        ,page: {
                            curr: 1
                        }
                    });
                });
            }
        });

    });
}

 

还有很多可以封装提取的地方, 优化就自己来了, 提取为公共组件, 踩过的每一个坑都记录一下, 转载请标明出处.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值