jQuery MiniUI

 找回密码
 立即注册
查看: 2200|回复: 5
打印 上一主题 下一主题

tab打开关闭 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2019-3-19 10:26:03 |只看该作者 |倒序浏览
怎么在打开tab页时 关掉名字一样的tab

Rank: 8Rank: 8

沙发
发表于 2019-3-19 11:13:59 |只看该作者
请保证tab的name的唯一性
tabs.getTab(name)可以获取到tab,保持唯一性才能正确获取。

Rank: 3Rank: 3

板凳
发表于 2019-3-25 14:57:53 |只看该作者
felt 发表于 2019-3-19 11:13
请保证tab的name的唯一性
tabs.getTab(name)可以获取到tab,保持唯一性才能正确获取。 ...


如上图这种 就会出现重复名字的tab 怎么在打开前 先关闭名字一样的tab
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

地板
发表于 2019-3-25 16:29:12 |只看该作者
xg622dj 发表于 2019-3-25 14:57
如上图这种 就会出现重复名字的tab 怎么在打开前 先关闭名字一样的tab

我们说的name是tab的name,不是title
参考我们示例的activeTab方法
http://www.miniui.com/frame/frame1/index.html
function activeTab(item) {
        var tabs = mini.get("mainTabs");
        var tab = tabs.getTab(item.id);
        if (!tab) {
            tab = { name: item.id, title: item.text, url: item.url, iconCls: item.iconCls, showCloseButton: true };
            tab = tabs.addTab(tab);
        }
        tabs.activeTab(tab);
    }
tab的name和左侧节点的id关联,这样才有一一对应的关系,下一次再点击,如果没有tab,那么新增,如果有,就直接打开

Rank: 3Rank: 3

5#
发表于 2019-4-2 20:01:57 |只看该作者
dforce 发表于 2019-3-25 16:29
我们说的name是tab的name,不是title
参考我们示例的activeTab方法
http://www.miniui.com/frame/frame1/ ...



根据客户需求 我我们需要在点击某个按钮 重新打开tab,应该是先关闭之前的tab 重新打开那个tab

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

6#
发表于 2019-4-3 09:12:30 |只看该作者
xg622dj 发表于 2019-4-2 20:01
根据客户需求 我我们需要在点击某个按钮 重新打开tab,应该是先关闭之前的tab 重新打开那个tab

...

那就先关闭再添加了
function activeTab(item) {
        var tabs = mini.get("mainTabs");
        var tab = tabs.getTab(item.id);
        tabs.removeTab(tab);
         tab = { name: item.id, title: item.text, url: item.url, iconCls: item.iconCls, showCloseButton: true };
            tab = tabs.addTab(tab);
      
        tabs.activeTab(tab);
    }

Archiver|普加软件

GMT+8, 2024-5-4 19:43 , Processed in 1.058466 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部