tab切换时,获取最新数据!

提问 未结 9 487
yonghuming
yonghuming 2020-3-28
悬赏:20飞吻
版本:layui 浏览器:
刚开始学习layui,tab切换时,怎么刷新tab页的内容,tab页的数据都是从数据库中检索的,
想实现切换tab页时,重新检索数据库。

谢谢了!
回帖
  • 防御
    2020-3-28
    。。。有切换方法。切换的时候,执行就可以了
    比如,可以监听切换到2页。然后执行回显方法2
    0 回复
  • yonghuming
    2020-3-28
    @防御 谢谢,我也看了大家的一些帖子,说是用下面的代码来监听,但是没好用,还是不会用。有没有例子可以参考?
    element.on("tab('demo')", function(id){});
    0 回复
  • //切换tab 控制选中样式
    element.on('tab(tabDemo)', function(data){

    });
    0 回复
  • <script>
    layui.use('element', function(){
    var element = layui.element;

    //获取hash来切换选项卡,假设当前地址的hash为lay-id对应的值
    var layid = location.hash.replace(/^#test1=/, '');
    element.tabChange('test1', layid); //假设当前地址为:http://a.com#test1=222,那么选项卡会自动切换到“发送消息”这一项

    //监听Tab切换,以改变地址hash值
    element.on('tab(test1)', function(){
    location.hash = 'test1='+ this.getAttribute('lay-id');
    });
    });
    </script>
    0 回复
  • yonghuming
    2020-3-28
    @Angel丨灬泪雨
    你说的这个脚本我也加上了,但是代码根本就没走。alert都没走。

    element.on('tab(demo)', function(data){
    alert("bbbb");
    });
    0 回复
  • yonghuming
    2020-3-28
    问题解决了,之前之所以监听事件监听不到,是因为监听的代码放错地方了!!
    0 回复
  • 防御
    2020-3-30
    [偷笑] 解决了就好,太难了。爬自己的坑去了
    0 回复
  • yonghuming
    2020-3-30
    @防御 坑太多了!!!
    0 回复
  • 防御
    2020-3-30
    @yonghuming [泪] 我还在爬
    0 回复