layui如何異步加載table表中某一列數據

這篇文章將為大家詳細講解有關layui如何異步加載table表中某一列數據，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

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表中某一列數據”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。