当前位置 主页 > 网站技术 > 代码类 >

    layui异步加载table表中某一列数据的例子

    栏目:代码类 时间:2019-09-16 10:05

    layui中table加载数据时 如果数据存放在不同数据表中 那样一个请求拼接每行表格数据 然后统一返回 太慢

    //页面加载时请求 另一张表的数据 var slotGroup;  admin.req({    url: '请求地址'    , method: 'POST'    , dataType: "json"    , async: false    , success: function (res) {      slotGroup = res.data;      console.log(slotGroup)    }  });  table.render({    elem: '#LAY-ad_pass-list'    ,url: '请求地址' //模拟接口    ,cols: [[      {field: 'id', title: 'ID', sort: true}      ,{field: 'pass_name', title: '通道名称'}      ,{field: 'pass_code', title: '通道code'}//注意::此处使用function 返回此列需要展示的数据      ,{field: 'remark', title: '描述',templet: function (d) {        return getRemark(d.id)      } }      ,{field: 'adState', title: '状态'}      ,{field: 'updateTime', title: '时间'}      ,{title: '操作',width: 200, align: 'center', fixed: 'right', toolbar: '#table-forum-list'}    ]]    ,page: false    , text: {      none: '暂无相关数据'    }    , done: function(res, curr, count){      // console.log(res);    }  });//遍历展示一开始的数据  function getRemark(v) {    var showGroup = '';    if (v == null || v == undefined) return showGroup;    if (slotGroup != null && slotGroup != undefined) {      for (var i = 0; i < slotGroup.length; i++) {        if ( parseInt(slotGroup[i].id)== parseInt(v)) {          showGroup = slotGroup[i].pass_name;          return showGroup;        }      }    }    return showGroup;  }

    以上这篇layui异步加载table表中某一列数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持IIS7站长之家。