jQuery MiniUI

标题: tab打开关闭 [打印本页]

作者: xg622dj 时间: 2019-3-19 10:26:03 标题: tab打开关闭

怎么在打开tab页时关掉名字一样的tab

作者: felt 时间: 2019-3-19 11:13:59

请保证tab的name的唯一性
tabs.getTab(name)可以获取到tab，保持唯一性才能正确获取。

作者: xg622dj 时间: 2019-3-25 14:57:53

felt 发表于 2019-3-19 11:13
请保证tab的name的唯一性
tabs.getTab(name)可以获取到tab，保持唯一性才能正确获取。 ...

[attach]12045[/attach]
如上图这种就会出现重复名字的tab 怎么在打开前先关闭名字一样的tab

作者: dforce 时间: 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，那么新增，如果有，就直接打开

作者: xg622dj 时间: 2019-4-2 20:01:57

dforce 发表于 2019-3-25 16:29
我们说的name是tab的name，不是title
参考我们示例的activeTab方法
http://www.miniui.com/frame/frame1/ ...

[attach]12077[/attach][attach]12079[/attach]

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

作者: felt 时间: 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);
}

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)