新增tab如何实现?

提问 未结 8 165
橙子_suk
橙子_suk 2019-10-8
悬赏:20飞吻
版本:layui 浏览器:
点击链接如何生成新的tab,tab中是新页面/
回帖
  • IDyun
    2019-10-8
    如果是iframe,你看父页面是怎样生成 一个 tab的,或已经存在方法了,如果没有就根据菜单点击事件写一个方法。
    https://fly.layui.com/jie/47402/#item-1547276288842
    windows.tabChange =funtion(filter,title, url){
    ...
    }
    然后 iframe 子页面 就调用这个方法。
    parent.tabChange('demoTab','layui 官网', 'www.layui.com')
    0 回复
  • 你可以在index.js中找到这么一段代码
          //如果未在选项卡中匹配到,则追加选项卡
    if(setter.pageTabs && pathURL !== '/'){
    if(!matchTo){
    $(APP_BODY).append('<div class="layadmin-tabsbody-item layui-show"></div>');
    tabsPage.index = tabs.length;
    element.tabAdd(FILTER_TAB_TBAS, {
    title: '<span>'+ (res.title || '新标签页') +'</span>'
    ,id: pathURL
    ,attr: router.href
    });
    }
    }
    可以直接拿来套用
    0 回复
  • 卿296
    2019-10-9
    你去看我博客有这么layui 优秀的后台模板 https://www.cnblogs.com/liuchunlin
    0 回复
  • 卿296
    2019-10-9
    我觉得你可以用弹窗就好了啊
    0 回复
  • 橙子_suk
    2019-10-9
    @卿296 您的意思是不生成tab,用弹出层显示?
    0 回复
  • 卿296
    7天前
    是的这样也可以解决你的问题
    0 回复
  • @卿296 但是要求是生成新的tab,不是弹窗显示
    0 回复
  • 卿296
    7天前
    要先明白弹窗的触发事件,我之前写过忘了
    0 回复