jQuery MiniUI

标题: 如何控制父级页面的tabs [打印本页]

作者: mini3000 时间: 2014-4-8 16:00:49 标题: 如何控制父级页面的tabs

<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未定义”这个错误，这又是什么情况？

作者: factory 时间: 2014-4-8 16:06:14

http://miniui.com/bbs/forum.php? ... 6%E9%A1%B5%E9%9D%A2

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

作者: mini3000 时间: 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？

作者: factory 时间: 2014-4-8 16:10:53

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

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

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

作者: mini3000 时间: 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标签页

作者: factory 时间: 2014-4-8 16:37:11

mini3000 发表于 2014-4-8 16:36
...

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

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

作者: mini3000 时间: 2014-4-8 16:43:50

factory 发表于 2014-4-8 16:37
那你都不是同一页面了,当然获取不到了

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

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

作者: factory 时间: 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进行操作

作者: mini3000 时间: 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中的其中一个啊

作者: factory 时间: 2014-4-8 17:40:42

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

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

把子页面window放入top中

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

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

作者: mini3000 时间: 2014-4-8 17:47:53

factory 发表于 2014-4-8 17:40
那就倒一下,我刚才写的是子页面调用父页面,现在你要的是父页面调用子页面.

把子页面window放入top中

不不，我要的的确是子页面调用父页面。
我刚才可能没说清楚，我问的是，在子页面T1.jsp拿到的var tabs是父页面对应的外层的tabs1这个tab，我想问如果通过这个var tabs来控制title为AAA的tab的enable状态怎样控制？

作者: felt 时间: 2014-4-9 09:22:25

mini3000 发表于 2014-4-8 17:47
不不，我要的的确是子页面调用父页面。
我刚才可能没说清楚，我问的是，在子页面T1.jsp拿到的var tabs是 ...

前面不是回的很清楚了吗
top["xx"]=window跨页面不用管你的父子页面关系
A页面
top["win"]=window;
function xxx(){
var tabs=mini.get("tabs1");
var tab=tabs.getTab(index/tabName) //只能通过index或者tab的name来获取tab，不能根据title
tabs.updateTab(tab,{enabled:false})
}
B页面
top["win"].xxx()

作者: mini3000 时间: 2014-4-9 09:45:53

felt 发表于 2014-4-9 09:22
前面不是回的很清楚了吗
top["xx"]=window跨页面不用管你的父子页面关系
A页面

感谢大大的耐心解答，终于成功达到效果了

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