选项卡展示tabel 列表

提问 已结 19 794
南瓜Lady
南瓜Lady 2020-5-16
悬赏:20飞吻
版本:layui 浏览器:


为什么加载页面的时候 没有显示第一个选项卡的内容(我是layui table ajax请求的数据)
需要手动点击第一个选项卡的时候才显示出列表信息 有解决方法? 着急 着急
回帖
  • @南瓜Lady 我的内容用的是 iframe 不是直接写的table,按照正常逻辑,是没有问题的,既然url都请求了,那就是渲染的问题
    0 回复
  • 南瓜Lady
    2020-5-16
    在线等 着急
    0 回复
  • @南瓜Lady 看一下js, 应该是你没有进行初始化话, 只监听了tab切换才触发事件
    0 回复
  • 南瓜Lady
    2020-5-16
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','laytpl'], function(){
    var $ = layui.jquery
    ,laypage = layui.laypage //分页
    ,layer = layui.layer //弹层
    ,table = layui.table //表格
    ,laytpl = layui.laytpl
    ,element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块

    //储值卡列表
    table.render({
    elem: '#cardList'
    ,url:'zlkj_user_info.php?act=getList'
    ,where:{uid:document.getElementById('uid').value}
    ,page: {
    layout: ['count', 'prev', 'page', 'next', 'skip']
    ,groups: 5
    }
    ,limit: 10 //每页默认显示的数量
    ,cols: [
    [
    {field:'buy_time', title: '充值时间',align:'center'}
    ,{field:'pay_type', title: '充值方式',align:'center'}
    ,{field:'pay_money', title: '充值金额(元)',align:'center'}
    ,{field:'give_money', title: '赠送金额(元)',align:'center'}
    ,{field:'discount', title: '实际折扣',align:'center'}
    ,{field:'card_balance', title: '账户储值卡显示余额(元)',align:'center'}
    ,{field:'member_dis', title: '会员卡当前折扣',align:'center'}
    ]
    ]
    ,request: {
    pageName: 'page' //页码的参数名称,默认:page
    ,limitName: 'limit' //每页数据量的参数名,默认:limit
    }
    ,parseData: function(res){ //res 即为原始返回的数据
    return {
    "code": res.code, //解析接口状态
    "count": res.count, //解析接口状态
    "data": res.data //解析数据列表
    };
    }
    ,done: function (res) {

    }
    });

    // show();
    //关注技师列表
    table.render({
    elem: '#techList'
    ,url:'zlkj_user_info.php?act=getUserLike'
    ,where:{uid:document.getElementById('uid').value}
    ,page: {
    layout: ['count', 'prev', 'page', 'next', 'skip']
    ,groups: 5
    }
    ,limit: 10 //每页默认显示的数量
    ,cols: [
    [
    {field:'head_img', align:'center',title: '技师图片',templet:function (d) {
    if(d.head_img != ''){
    return "<div><img src="+d.head_img+"></div>";
    }else{
    return "";
    }
    }}
    ,{field:'nick_name', title: '技师昵称',align:'center'}
    ,{field:'labels', title: '技师标签',align:'center'}
    ,{field:'like_time', title: '关注时间',align:'center'}
    ]
    ]
    ,request: {
    pageName: 'page' //页码的参数名称,默认:page
    ,limitName: 'limit' //每页数据量的参数名,默认:limit
    }
    ,parseData: function(res){ //res 即为原始返回的数据
    return {
    "code": res.code, //解析接口状态
    "count": res.count, //解析接口状态
    "data": res.data //解析数据列表
    };
    }
    ,done: function (res) {

    }
    });
    });
    0 回复
  • 南瓜Lady
    2020-5-16
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
    <li class="layui-this" id="card">储值卡充值</li>
    <li id="tech">关注技师</li>
    </ul>

    <div class="layui-tab-content" style="height: 100px;">
    <div class="layui-tab-item">
    <table class="layui-hide" id="cardList" style="text-align: center;" lay-filter="cardList"></table>
    </div>
    <div class="layui-tab-item">
    <table class="layui-hide" id="techList" style="text-align: center;" lay-filter="cardList"></table>
    </div>
    </div>
    </div>
    0 回复
  • 南瓜Lady
    2020-5-16
    非要点击才能显示table 列表?? 这什么鬼的选项卡??如何进到页面就显示第一个选项卡的table 啊???
    0 回复
  • 南瓜Lady
    2020-5-16
    文档上也没说到什么初始化的操作啊 ?????
    0 回复
  • 南瓜Lady
    2020-5-16
    @Angel丨灬泪雨 大哥 你看下我的js 是否有问题
    0 回复
  • @南瓜Lady 你这是一个页面的js吗 ? 就是html和js是一个页面吗
    0 回复
  • @南瓜Lady 看代码 应该是没有问题, 看看你的network,两个表格的请求有吗
    0 回复