数据表格response不生效

提问 已结 7 1727
三零网科
三零网科 2017-9-11
悬赏:10飞吻
layui.use('table', function(){
var table = layui.table;
//执行渲染
table.render({
elem: '#layer-table'
,url:'member/ajaxpage'
,method: 'post'
,page: true
//,limits: [30,60,90,150,300],limit: 60
,request: {
pageName: 'curr' //页码的参数名称,默认:page
,limitName: 'limit' //每页数据量的参数名,默认:limit
}
,response: {
statusName: 'status' //数据状态的字段名称,默认:code
,statusCode: 200 //成功的状态码,默认:0
,msgName: 'hint' //状态信息的字段名称,默认:msg
,countName: 'total' //数据总数的字段名称,默认:count
,dataName: 'rows' //数据列表的字段名称,默认:data
}
});
});
这样修改不生效,要用官方默认的,请问是我的方式不对,还是 bug
回帖
  • 把你ajaxpage中的代码贴出来看下,问题应该在ajaxpage返回的接口数据格式,调试下,看返回格式是否和你response中设定的参数一致
    0 回复
  • 辰紫天
    2017-9-12
    推荐浏览器 按F12调试下,看是否有请求发送出去等
    0 回复
  • 首先要确认自己后台是不是接收你设置的requset中的参数,还有后台运行是否正常,如果正常返回了,成功返回的话,首先应该大概是这样的一个格式{"status":200,"hint":"success",total:100,rows:[{数据列表}]}的json,如果你后台不是返回这几个键的话你按照案例设置也没用,可以查看一下表格组件的源码。
    0 回复
  • AggerChen
    2017-9-12
    response配置的意思是说,用你的返回变量名替换table组件默认的变量名,当然前提是你自己返回的时候一定是这几个参数变量名,才可以成功
    0 回复
  • 公仪斐
    2017-9-12
    把你接口给我看一哈
    0 回复
  • 感谢各位基友的鼎力相助,已经ok
    layui.use('table', function(){
    var table = layui.table;

    //方法级渲染
    window.demoTable = table.render({
    elem: '#tableId'
    ,url: '/console/member/ajaxpage'
    ,method : 'post'

    ,width: 900
    //,height: 274
    ,cols: [[ //标题栏
    {space: true, fixed: true}
    ,{checkbox: true, LAY_CHECKED: true}
    ,{field: 'id', title: 'ID', width: 80, sort: true}
    ,{field: 'username', title: '用户名', width: 120}
    ,{field: 'email', title: '邮箱', width: 150}
    ,{field: 'sign', title: '签名', width: 150}
    ,{field: 'sex', title: '性别', width: 80}
    ,{field: 'city', title: '城市', width: 100}
    ,{field: 'experience', title: '积分', width: 80, sort: true}
    ]]
    ,request: {
    pageName: 'curr' //页码的参数名称,默认:page
    ,limitName: 'limit' //每页数据量的参数名,默认:limit
    }
    ,response: {
    statusName: 'status' //数据状态的字段名称,默认:code
    ,statusCode: 200 //成功的状态码,默认:0
    ,msgName: 'hint' //状态信息的字段名称,默认:msg
    ,countName: 'total' //数据总数的字段名称,默认:count
    ,dataName: 'rows' //数据列表的字段名称,默认:data
    }
    ,skin: 'row' //表格风格
    ,even: true
    //,size: 'lg' //尺寸

    ,page: true //是否显示分页
    ,limits: [3,5,10]
    ,limit: 3 //每页默认显示的数量
    //,loading: false //请求数据时,是否显示loading
    //,id: 'test' //ID
    });
    });
    需要这样写。我按demo来的。不晓得什么鬼
    0 回复
  • @午夜惊魂 原来是因为没有cols。。。
    0 回复
本帖已设置禁止回复