赛德娜假大空
2020-10-11 21:52
采纳率: 100%
浏览 1.8k

layui数据表格重载调用新接口返回数据,数据没有刷新?

打开页面时会调用一个查询方法,把数据赋值到数据表格上

layui.use(['table','form','upload','layer'], function(){
          var table = layui.table
          ,form=layui.form;
          var brandId,categoryId,specificationId,brandType;

          //表格赋值
          table.render({
            elem: '#test'
            ,method: 'post'
            ,url:'../../BrandController/queryBasicFactoetNameAllData'
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
            ,height:'full-200'
            ,limit: 10
            ,limits: [10, 50, 100]
            ,page:true
            ,id:'idTest'
            ,cols: [[
              {field:'brand_name', minWidth:80, title: '品牌'}
              ,{field:'category_name', minWidth:80, title: '品类'}
              ,{field:'specification_name', minWidth:80, title: '规格'}
              ,{field:'brandType_name', minWidth:80, title: '型号'}
            ]]
          ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
              debugger
              return {
                "code": "0", //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.length, //解析数据长度
                "data": res //解析数据列表
              };
            }
          });

图片说明
然后搜索,触发layui数据重载,调用新接口,传入数据,返回新数据。

//搜索
         $("#ss").click(function(){
             if(brandId==undefined){
                 brandId=0;
             }
             if(categoryId==undefined){
                 categoryId=0;
             }
             if(specificationId==undefined){
                 specificationId=0;
             }
             if(brandType==undefined){
                 brandType=0;
             }
             reloadTable(brandId,categoryId,specificationId,brandType);
        });
         function reloadTable(brandId,categoryId,specificationId,brandType){
                var index=layer.msg('查询中,请稍后...',{icon:16,time:false,shade:0});
                debugger
              //执行重载
              table.reload('idTest', {
                  url: '../../BrandController/queryreloadTable'
                  ,method: 'post'
                  ,page:{
                      curr:1//第一页开始
                  }
                  ,where: {//设定异步数据接口的额外参数
                      brandId:brandId,
                      categoryId:categoryId,
                      specificationId:specificationId,
                      brandType:brandType
                  } 
              }, 'data');
              layer.close(index);
         }

执行成功了,接口也返回了数据但是表格里面的数据没有刷新。好像刷新表格又执行了查询全部的接口

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 睡不醒的ZWW 2020-10-12 10:40
    已采纳

    你说又执行了查询全部的接口,network是否有queryBasicFactoetNameAllData请求呢

    点赞 1 打赏 评论
  • qq_41809434 2021-04-25 15:45

    解决了么我也是这样,执行完条件查询又执行了一边全部查询,不知道是哪里触发的全部查询

    点赞 打赏 评论

相关推荐 更多相似问题