jQuery MiniUI

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

如何控制父级页面的tabs [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2014-4-8 16:00:49 |只看该作者 |倒序浏览

<div class="mini-tabs" activeIndex="0"  style="width:350px;height:200px;">    <div title="Tab1">        <iframe id="buyWeek1" src="t1.jsp" </iframe>    </div>    <div title="Tab2" iconCls="icon-cut" >        <    </div>    <div title="Tab3" showCloseButton="true" >        3    </div>    <div title="Tab4" showCloseButton="true" enabled="false">        4    </div></div>
我想在t1.jsp内通过某点击事件使Tab3禁用,怎样做?
另外我在js中加入“tabs.updateTab(tab,{enabled:true})”,会提示“tabs未定义”这个错误,这又是什么情况?


Rank: 8Rank: 8

沙发
发表于 2014-4-8 16:06:14 |只看该作者
http://miniui.com/bbs/forum.php? ... 6%E9%A1%B5%E9%9D%A2

跨页面操作对象,看这个帖子,用跨页面调用函数的方式处理

Rank: 3Rank: 3

板凳
发表于 2014-4-8 16:10:01 |只看该作者
factory 发表于 2014-4-8 16:06
http://miniui.com/bbs/forum.php?mod=viewthread&tid=14113&highlight=%E7%88%B6%E9%A1%B5%E9%9D%A2

跨页 ...

那我在js中加入“tabs.updateTab(tab,{enabled:true})”,会提示“tabs未定义”这个错误,这又是什么情况?没有调用到JS?

Rank: 8Rank: 8

地板
发表于 2014-4-8 16:10:53 |只看该作者
mini3000 发表于 2014-4-8 16:10
那我在js中加入“tabs.updateTab(tab,{enabled:true})”,会提示“tabs未定义”这个错误,这又是什么情况 ...

你确保这个tabs是在这个页面上的吗?

或者说mini.get(id)获取到了没

Rank: 3Rank: 3

5#
发表于 2014-4-8 16:36:10 |只看该作者
factory 发表于 2014-4-8 16:10
你确保这个tabs是在这个页面上的吗?

或者说mini.get(id)获取到了没

<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:100%;height:auto;margin-top: 5px;background-color: #0385B9;border-color: red;" plain="false">
            <div id="a1" title="AAA"   >
                <div style="height: 400px">
                            <iframe id="buyWeek1" src="T1.jsp" frameborder="0" name="main" style="width:100%;height:100%;" border="0" scrolling="no"></iframe>
                    </div>
            </div>
            
            <div  title="BBB"  >
                <div style="height: 400px">
                            <iframe id="buyWeek2" src="T2.jsp" frameborder="0" name="main" style="width:100%;height:100%;" border="0" scrolling="no"></iframe>
                    </div>
            </div>
            
            <div title="CCC" >
                <div style="height: 400px">
                            <iframe id="buyWeek3" src="T3.jsp" frameborder="0" name="main" style="width:100%;height:100%;" border="0" scrolling="no"></iframe>
                    </div>
            </div>

具体代码就是上面的,mini.get("tabs1")获取到。
我想做的就是想通过T1.jsp控制title为AAA的标签页,使得AAA标签页为不可用状态,也就是enabled="false",上面你发的链接我看过了,但看不懂,能给出具体的代码吗?
另外用普通的$("#a1")无法获取AAA标签页

Rank: 8Rank: 8

6#
发表于 2014-4-8 16:37:11 |只看该作者
mini3000 发表于 2014-4-8 16:36
...

那你都不是同一页面了,当然获取不到了

按照我上面写的, 通过跨页面调用函数的方式,操作不同页面的对象

Rank: 3Rank: 3

7#
发表于 2014-4-8 16:43:50 |只看该作者
factory 发表于 2014-4-8 16:37
那你都不是同一页面了,当然获取不到了

按照我上面写的, 通过跨页面调用函数的方式,操作不同页面的对象 ...

那个跨页面调用函数的方式我就是看不懂啊,例如里面提到的“ var tree = window.Owner.xxx(); ”
这里的XXX()对应tabs来说应该是什么啊?

Rank: 8Rank: 8

8#
发表于 2014-4-8 16:55:08 |只看该作者
mini3000 发表于 2014-4-8 16:43
那个跨页面调用函数的方式我就是看不懂啊,例如里面提到的“ var tree = window.Owner.xxx(); ”
这里的X ...

父页面 top["parentWin"] = window

function getTabs(){
    var tabs = mini.get(id);
    return tabs;
}

子页面:

var tabs = top["parentWin"].getTabs();

然后对tabs进行操作

Rank: 3Rank: 3

9#
发表于 2014-4-8 17:36:51 |只看该作者
factory 发表于 2014-4-8 16:55
父页面 top["parentWin"] = window

function getTabs(){

我是新手,只能厚着脸皮再问。tabs在子页面如何对AAA这个子tab页进行操作?tabs拿到的是外层的tabs1,而不是AAA,BBB,CCC中的其中一个啊

Rank: 8Rank: 8

10#
发表于 2014-4-8 17:40:42 |只看该作者
mini3000 发表于 2014-4-8 17:36
我是新手,只能厚着脸皮再问。tabs在子页面如何对AAA这个子tab页进行操作?tabs拿到的是外层的tabs1,而 ...

那就倒一下,我刚才写的是子页面调用父页面,现在你要的是父页面调用子页面.

把子页面window放入top中

不过这里的前提是子页面必须打开,执行到top["xxx"] = window

否则父页面是无法top["xxx"]获取到子页面对象的

Archiver|普加软件

GMT+8, 2025-6-10 06:08 , Processed in 1.050990 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部