欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layui異步加載table表中某一列數(shù)據(jù)的例子

 更新時間:2019年09月16日 09:21:43   作者:My_Way666  
今天小編就為大家分享一篇layui異步加載table表中某一列數(shù)據(jù)的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

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

//頁面加載時請求 另一張表的數(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: '時間'}
      ,{title: '操作',width: 200, align: 'center', fixed: 'right', toolbar: '#table-forum-list'}
    ]]
    ,page: false
    , text: {
      none: '暫無相關數(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;
  }

以上這篇layui異步加載table表中某一列數(shù)據(jù)的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • 微信小程序使用擴展組件庫WeUI的入門教程

    微信小程序使用擴展組件庫WeUI的入門教程

    WeUI是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內(nèi)網(wǎng)頁和微信小程序量身設計,令用戶的使用感知更加統(tǒng)一,下面這篇文章主要給大家介紹了關于微信小程序使用擴展組件庫WeUI的相關資料,需要的朋友可以參考下
    2022-04-04
  • js 限制數(shù)字 js限制輸入實現(xiàn)代碼

    js 限制數(shù)字 js限制輸入實現(xiàn)代碼

    在工作中經(jīng)常會遇到js限制輸入方面的要求,本文將詳細介紹其實現(xiàn)原理,需要的朋友可以參考下
    2012-12-12
  • JS?cookie的設置、讀取和刪除方法例子

    JS?cookie的設置、讀取和刪除方法例子

    Cookie是客戶端存放數(shù)據(jù)的一種方式,可用來做狀態(tài)保持,下面這篇文章主要給大家介紹了關于JS?cookie的設置、讀取和刪除方法例子的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-01-01
  • JavaScript省市聯(lián)動實現(xiàn)代碼

    JavaScript省市聯(lián)動實現(xiàn)代碼

    這篇文章主要介紹了JavaScript省市聯(lián)動實現(xiàn)代碼,需要的朋友可以參考下
    2014-02-02
  • 基于webpack-hot-middleware熱加載相關錯誤的解決方法

    基于webpack-hot-middleware熱加載相關錯誤的解決方法

    下面小編就為大家分享一篇基于webpack-hot-middleware熱加載相關錯誤的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • 圖片無縫滾動代碼(向左/向下/向上)

    圖片無縫滾動代碼(向左/向下/向上)

    想必大家都注意到marquee的不循環(huán)滾動,所以出現(xiàn)了很多替代腳本,接下來為大家詳細介紹下:向左滾動/圖片左無縫滾動/向下滾動/圖片下無縫滾動/向上滾動的實現(xiàn)
    2013-04-04
  • 原生javascript實現(xiàn)的一個簡單動畫效果

    原生javascript實現(xiàn)的一個簡單動畫效果

    下面小編就為大家?guī)硪黄鷍avascript實現(xiàn)的一個簡單動畫效果。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-03-03
  • js 利用className得到對象的實現(xiàn)代碼

    js 利用className得到對象的實現(xiàn)代碼

    利用className得到對象的實現(xiàn)代碼,大家可以看下代碼的實現(xiàn)原理。
    2011-11-11
  • 上傳的js驗證(圖片/文件的擴展名)

    上傳的js驗證(圖片/文件的擴展名)

    下文給大家介紹下js 驗證上傳圖片以及怎樣控制一個上傳文件的擴展名,感興趣的朋友可以參考下哈,希望對你有所幫助
    2013-04-04
  • 淺談json取值(對象和數(shù)組)

    淺談json取值(對象和數(shù)組)

    下面小編就為大家?guī)硪黄獪\談json取值(對象和數(shù)組)。小編覺得挺不錯的, 現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06

最新評論