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

 更新时间:2019年09月16日 09:21:43   作者:My_Way666  
今天小编就为大家分享一篇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表中某一列数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 探索JavaScript函数的无限可能(函数基本概念)

    探索JavaScript函数的无限可能(函数基本概念)

    JavaScript中的函数是一种重要的编程概念,它允许我们封装可重用的代码块,并在需要时进行调用,本文将深入介绍JavaScript函数的各个方面,包括函数定义和调用、参数和返回值、作用域和闭包、高阶函数以及常见的函数应用场景,感兴趣的朋友一起看看吧
    2023-08-08
  • JavaScript必看小技巧(必看)

    JavaScript必看小技巧(必看)

    下面小编就为大家带来一篇JavaScript必看小技巧(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • ES6新特性二:Iterator(遍历器)和for-of循环详解

    ES6新特性二:Iterator(遍历器)和for-of循环详解

    这篇文章主要介绍了ES6新特性二:Iterator(遍历器)和for-of循环,结合实例形式分析了ES6中Iterator(遍历器)和for-of循环遍历操作的相关实现技巧与注意事项,需要的朋友可以参考下
    2017-04-04
  • 基于js原生和ajax的get和post方法以及jsonp的原生写法实例

    基于js原生和ajax的get和post方法以及jsonp的原生写法实例

    下面小编就为大家带来一篇基于js原生和ajax的get和post方法以及jsonp的原生写法实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • js基于cookie记录来宾姓名的方法

    js基于cookie记录来宾姓名的方法

    这篇文章主要介绍了js基于cookie记录来宾姓名的方法,涉及javascript使用cookie针对方可信息的存储与读取显示相关技巧,需要的朋友可以参考下
    2016-07-07
  • JavaScript 代码压缩工具小结

    JavaScript 代码压缩工具小结

    为了使页面更快的完成加载,经常需要对javascript/css代码进行压缩以减小体积,这里简单列一下用过的压缩工具,同时也作为存档
    2012-02-02
  • 微信小程序canvas实现刮刮乐效果

    微信小程序canvas实现刮刮乐效果

    这篇文章主要为大家详细介绍了微信小程序canvas实现刮刮乐效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • async/await让异步操作同步执行的方法详解

    async/await让异步操作同步执行的方法详解

    这篇文章主要给大家介绍了关于async/await让异步操作同步执行的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者使用async/await具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-11-11
  • 特想搞点新的创意出来-立体方块

    特想搞点新的创意出来-立体方块

    特想搞点新的创意出来-立体方块...
    2007-06-06
  • js如何删除对象/数组中null、undefined、空对象及空数组实例代码

    js如何删除对象/数组中null、undefined、空对象及空数组实例代码

    JS中数组是我们较为常用的一种数据结构,下面这篇文章主要给大家介绍了关于js如何删除对象/数组中null、undefined、空对象及空数组的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09

最新评论