jQuery MiniUI

标题: 如何实现在页面选项卡中打开另一个选项卡，有谁这样做过 [打印本页]

作者: 18907877465 时间: 2014-7-8 16:02:11 标题: 如何实现在页面选项卡中打开另一个选项卡，有谁这样做过

本帖最后由 18907877465 于 2014-7-8 16:36 编辑

如何实现在页面选项卡中打开另一个选项卡，我已经打开一个选项卡，我想在这个选项卡中有一个按钮或连接，点击这个按钮或连接可以打开另一个菜单的选项卡，请帮忙看看，多谢！给个例子吧，我研究好久了

作者: felt 时间: 2014-7-8 16:07:54

这要设置你的浏览器属性，网上查一下吧，和miniui无关了

作者: 18907877465 时间: 2014-7-8 16:19:00

felt 发表于 2014-7-8 16:07
这要设置你的浏览器属性，网上查一下吧，和miniui无关了

作者: 18907877465 时间: 2014-7-8 16:38:28

felt 发表于 2014-7-8 16:07
这要设置你的浏览器属性，网上查一下吧，和miniui无关了

现在不知道怎么上传图片给你看，按照我发帖的描述能理解吗？

作者: felt 时间: 2014-7-8 16:41:59

18907877465 发表于 2014-7-8 16:38
现在不知道怎么上传图片给你看，按照我发帖的描述能理解吗？

回复右上角有个高级模式，可以上传文件

作者: 18907877465 时间: 2014-7-8 16:50:03

felt 发表于 2014-7-8 16:41
回复右上角有个高级模式，可以上传文件

好像是权限不允许，我现在还不能上传图片，我和他问的问题是一样的，连接在这里：http://miniui.com/bbs/forum.php? ... 9%E9%A1%B9%E5%8D%A1

作者: felt 时间: 2014-7-8 17:01:19

18907877465 发表于 2014-7-8 16:50
好像是权限不允许，我现在还不能上传图片，我和他问的问题是一样的，连接在这里：http://miniui.com/bbs/ ...

不清楚你的需求，是不是tabs里面的不同选项卡上的操作？

作者: felt 时间: 2014-7-8 17:33:37

18907877465 发表于 2014-7-8 16:50
好像是权限不允许，我现在还不能上传图片，我和他问的问题是一样的，连接在这里：http://miniui.com/bbs/ ...

[attach]4801[/attach]
你看下是不是这样的效果，把3个页面放到同一个目录下，引用好miniui,跑一下test1看看

作者: 18907877465 时间: 2014-7-8 17:51:21

felt 发表于 2014-7-8 17:33
你看下是不是这样的效果，把3个页面放到同一个目录下，引用好miniui,跑一下test1看看

...

不是这样的，是还没有TAB2选项卡的境况下，单击“按钮”然后才出现（就像打开网页的新窗口一样）新的TAB2选项卡，谢谢你

作者: felt 时间: 2014-7-8 20:36:03

18907877465 发表于 2014-7-8 17:51
不是这样的，是还没有TAB2选项卡的境况下，单击“按钮”然后才出现（就像打开网页的新窗口一样）新的TAB2 ...

一样的，你调用tabs添加tab的方法就是了

作者: 18907877465 时间: 2014-7-9 10:20:07

felt 发表于 2014-7-8 20:36
一样的，你调用tabs添加tab的方法就是了

我要的就是这样的，怎么实现呀？

作者: felt 时间: 2014-7-9 10:45:24

18907877465 发表于 2014-7-9 10:20
我要的就是这样的，怎么实现呀？

tabs.addTab(tab)
都是标准的操作方法，API上都有
http://www.miniui.com/docs/api/index.html#ui=tabs

作者: 18907877465 时间: 2014-7-9 11:18:46

felt 发表于 2014-7-9 10:45
tabs.addTab(tab)
都是标准的操作方法，API上都有
http://www.miniui.com/docs/api/index.html#ui=tabs ...

<body>
<a class="mini-button" onclick="open1" id="btn1">按钮</a></br>
按了这个按钮，tabs会切换到第二张选项卡
  <a class="mini-button" onclick="addTab" id="addTab">按钮2</a></br>
按了这个按钮，添加一个选项卡
</body>
</html>
<script type="text/javascript">
mini.parse();
var btn=mini.get("btn1")
function open1(){
   top["win"].changeTab(2)
}

//var index = 2;
function addTab(){
   var tabs=min.get("tabs1");
   //add tab
   var tab={title:"addTab"};
   tab.url = "/material_qlq/demo/datagrid/test3.htm";
   tab=tabs.addTab(tab);
   //tab body
   var e1=tabs.getTabBodyE1(tab);
   e1.innerHTML=index;
   //active tab
   tabs.activeTab(tab);

}

我这样写不对呀，点击按钮没有反应，如果你会的话给我个例子吧，我弄这个弄了一周了

作者: felt 时间: 2014-7-9 11:32:08

18907877465 发表于 2014-7-9 11:18
按钮
按了这个按钮，tabs会切换到第二张选项卡
按钮2

不是都给你写了跨页面的例子吗
你tabs又在这个页面
最基本的方法，在父页面上添加方法
top["win"].changeTab(2)这样调用就是了

作者: 18907877465 时间: 2014-7-9 11:47:30

felt 发表于 2014-7-9 11:32
不是都给你写了跨页面的例子吗
你tabs又在这个页面
最基本的方法，在父页面上添加方法

这样吧，你给我写个例子吧，现在在线实例也还没有这样的例子，无从参照呀，多谢你的帮忙了。

作者: felt 时间: 2014-7-9 11:58:22

18907877465 发表于 2014-7-9 11:47
这样吧，你给我写个例子吧，现在在线实例也还没有这样的例子，无从参照呀，多谢你的帮忙了。 ...

把你的add方法搬个页面都不会吗？

作者: 18907877465 时间: 2014-7-9 12:17:06

felt 发表于 2014-7-9 11:58
把你的add方法搬个页面都不会吗？

把add搬个页面就行了？你这么说我就更不理解了，你会的话就改改昨天你给我的例子发在帖子上吧。

作者: felt 时间: 2014-7-9 14:54:54

18907877465 发表于 2014-7-9 12:17
把add搬个页面就行了？你这么说我就更不理解了，你会的话就改改昨天你给我的例子发在帖子上吧。 ...

把test1里面的changeTab方法改成addTab，
test2上
function open1(){
top["win"].addTab()
}

作者: 18907877465 时间: 2014-7-9 18:21:16

felt 发表于 2014-7-9 14:54
把test1里面的changeTab方法改成addTab，
test2上
function open1(){

按照你的方法，可以实现了，但是页面还是默认打开TAB1而不是新增加的那个TAB2页面，还有调用异页的方法如：top["win"].addTab(),能传递参数吗？

作者: 18907877465 时间: 2014-7-9 22:29:59

我已经弄明白了，非常感谢你的回答

作者: felt 时间: 2014-7-10 09:22:10

18907877465 发表于 2014-7-9 22:29
我已经弄明白了，非常感谢你的回答

都是基本的API使用，多看API和示例

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