layui如何異步加載table表中某一列數(shù)據(jù)

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

layui中table加載數(shù)據(jù)時(shí) 如果數(shù)據(jù)存放在不同數(shù)據(jù)表中 那樣一個(gè)請求拼接每行表格數(shù)據(jù) 然后統(tǒng)一返回 太慢

//頁面加載時(shí)請求 另一張表的數(shù)據(jù)
 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 返回此列需要展示的數(shù)據(jù)
      ,{field: 'remark', title: '描述',templet: function (d) {
        return getRemark(d.id)
      } }
      ,{field: 'adState', title: '狀態(tài)'}
      ,{field: 'updateTime', title: '時(shí)間'}
      ,{title: '操作',width: 200, align: 'center', fixed: 'right', toolbar: '#table-forum-list'}
    ]]
    ,page: false
    , text: {
      none: '暫無相關(guān)數(shù)據(jù)'
    }
    , done: function(res, curr, count){
      // console.log(res);
    }
  });

//遍歷展示一開始的數(shù)據(jù)
  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;
  }

關(guān)于“l(fā)ayui如何異步加載table表中某一列數(shù)據(jù)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。