layui 表格数据页面实际显示顺序与返回的JSON数据顺序不一致怎么解决

提问 未结
14 745
宇叔儿
宇叔儿 2018-2-22
悬赏:20飞吻
版本:layui 浏览器:
layui 表格数据页面实际显示顺序与返回的JSON数据顺序不一致怎么解决
回帖
  • 你把初始排序去掉啊!!!
    1 回复
  • 你是不是开始了排序
    0 回复
  • 宇叔儿
    2018-2-22
    //定义排序筛选条件
    var where = {
    //筛选条件
    sNum: "",
    bNum: "",
    createStime: "",
    createEtime: "",
    updateStime: "",
    updateEtime: "",
    type: "",
    status: -1,
    //初始化排序条件
    field: "id",
    order: "desc",
    }
    //数据表格
    var tableobj = table.render({
    elem: '#tabledata',
    url: '{:U(AgentTask/salesList)}', //数据接口
    method: 'post',//异步请求方式
    response: {
    statusCode: 1
    },//设置成功返回响应code,与后台PHP保持一致
    page: true, //开启分页
    cols: [[ //表头
    {field: 'id', title: 'ID', width: 100, fixed: 'left', sort: true},
    {field: 'num', title: '数量', width: 80, sort: true},
    {field: 'createtime', title: '申请时间', width: 125, sort: true},
    {field: 'type', title: '类型', width: 88},
    {field: 'status', title: '当前状态', width: 95},
    {field: 'updatetime', title: '处理时间', width: 125, sort: true}
    ]],
    where: {
    field: where.field,
    order: where.order,
    },
    initSort: {
    field: where.field,
    type: where.order,
    }
    });
    //表格排序(带筛选条件)重载
    table.on('sort(tabledata)', function(obj){
    where.field = obj.field;
    where.order = obj.type;
    table.reload('tabledata', {
    initSort: obj,
    where: where
    });
    });
    //表格筛选(带排序条件)重载
    form.on('submit(submit)', function(data){
    where.sNum = data.field.sNum;
    where.bNum = data.field.bNum;
    where.createStime = data.field.createStime;
    where.createEtime = data.field.createEtime;
    where.updateStime = data.field.updateStime;
    where.updateEtime = data.field.updateEtime;
    where.type = data.field.type;
    where.status = data.field.status;
    table.reload('tabledata', {
    initSort: {
    field: where.field,
    type: where.order,
    },
    where: where
    });
    return false;
    })
    0 回复
  • 宇叔儿
    2018-2-22
    @a'ゞ散开的烟火■
    //定义排序筛选条件
    var where = {
    //筛选条件
    sNum: "",
    bNum: "",
    createStime: "",
    createEtime: "",
    updateStime: "",
    updateEtime: "",
    type: "",
    status: -1,
    //初始化排序条件
    field: "id",
    order: "desc",
    }
    //数据表格
    var tableobj = table.render({
    elem: '#tabledata',
    url: '{:U(AgentTask/salesList)}', //数据接口
    method: 'post',//异步请求方式
    response: {
    statusCode: 1
    },//设置成功返回响应code,与后台PHP保持一致
    page: true, //开启分页
    cols: [[ //表头
    {field: 'id', title: 'ID', width: 100, fixed: 'left', sort: true},
    {field: 'num', title: '数量', width: 80, sort: true},
    {field: 'createtime', title: '申请时间', width: 125, sort: true},
    {field: 'type', title: '类型', width: 88},
    {field: 'status', title: '当前状态', width: 95},
    {field: 'updatetime', title: '处理时间', width: 125, sort: true}
    ]],
    where: {
    field: where.field,
    order: where.order,
    },
    initSort: {
    field: where.field,
    type: where.order,
    }
    });
    //表格排序(带筛选条件)重载
    table.on('sort(tabledata)', function(obj){
    where.field = obj.field;
    where.order = obj.type;
    table.reload('tabledata', {
    initSort: obj,
    where: where
    });
    });
    //表格筛选(带排序条件)重载
    form.on('submit(submit)', function(data){
    where.sNum = data.field.sNum;
    where.bNum = data.field.bNum;
    where.createStime = data.field.createStime;
    where.createEtime = data.field.createEtime;
    where.updateStime = data.field.updateStime;
    where.updateEtime = data.field.updateEtime;
    where.type = data.field.type;
    where.status = data.field.status;
    table.reload('tabledata', {
    initSort: {
    field: where.field,
    type: where.order,
    },
    where: where
    });
    return false;
    })
    0 回复
  • 宇叔儿
    2018-2-22
    @a'ゞ散开的烟火■
    他是这样显示的
    0 回复
  • Metto
    2018-2-22
    学习学习学习
    0 回复
  • 小小强
    2018-2-22
    你不是点了数量的排序了吗
    0 回复
  • 宇叔儿
    2018-2-23
    @小小强 数量的排序显示的和从后台拿过来的json顺序不一样啊,前端默认了id初始排序
    0 回复
  • 宇叔儿
    2018-2-23
    @a'ゞ散开的烟火■ 去掉哪块代码
    0 回复
  • sort: true 之类的参数都去掉
    0 回复
  • 宇叔儿
    2018-2-23
    @a'ゞ散开的烟火■ 去掉之后就没有排序图标了
    0 回复
  • 小小强
    2018-2-23
    @宇叔儿 一样就怪了,你都点页面上点了数量的排序,当然按照数量的倒叙排序了。
    0 回复
  • 白泠泽
    2018-4-10
    同样的问题 有解决方案了吗?
    0 回复
  • 宇叔儿
    2018-4-25
    @白泠泽 后台返回的数据是字符串型的,前端转化成浮点小数就行了。可能是浮点化转换函数的问题
    0 回复