jQuery MiniUI

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

如果避免tab重复被添加 [复制链接]

Rank: 6Rank: 6

跳转到指定楼层
楼主
发表于 2019-7-16 10:09:02 |只看该作者 |倒序浏览
本帖最后由 happylover1278 于 2019-7-16 10:11 编辑

使用框架时,我在顶栏也制造了一排菜单,实际和左侧的菜单功能一样。在点击顶部的菜单时,我执行了以下操作
  1. $('#wdkh_btn').on('click', function() {
  2.        var tabs = mini.get("mainTabs")
  3.         var tab = {
  4.               title: '我的客户维护',
  5.               url: '../MyClient/MyClient_index.html',
  6.               showCloseButton: true,
  7.          }

  8.          tabs.addTab(tab);
  9.          tabs.activeTab(tab);
  10.     })
复制代码
此时是可以增加新的tab和激活的。但是如果再次点击或者点击左侧的同样模块,就会出现打开两个(多个)一模一样的模块:

观察左侧菜单,发现是用当前菜单的id做重复性校验的,可是顶部菜单由于是写死的,拿不到id。如果写死id,左侧列表的接口数据发生变化,就会出现跳转错误。请问如何处理?
能否拿到当前已激活的tab数据,然后根据是否属于,选择执行active还是add和active


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

Rank: 8Rank: 8

沙发
发表于 2019-7-16 10:52:44 |只看该作者
这需要你自己控制,可以参考我们示例里面的处理
http://www.miniui.com/frame/frame1/index.html

Rank: 6Rank: 6

板凳
发表于 2019-7-16 11:11:16 |只看该作者
dforce 发表于 2019-7-16 10:52
这需要你自己控制,可以参考我们示例里面的处理
http://www.miniui.com/frame/frame1/index.html ...

如何获取当前已被添加的tab数组?是哪个api方法

Rank: 8Rank: 8

地板
发表于 2019-7-16 13:44:55 |只看该作者
happylover1278 发表于 2019-7-16 11:11
如何获取当前已被添加的tab数组?是哪个api方法

看我们示例,tab的唯一性由name控制。
把导航和tab的name关联起来

这里有tabs的API,可以查看使用
http://www.miniui.com/docs/api/index.html#ui=tabs

Archiver|普加软件

GMT+8, 2024-9-29 08:16 , Processed in 1.070018 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部