jQuery MiniUI

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

tabs 高度问题与url页里如何更新父中的数据 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2012-10-29 11:38:04 |只看该作者 |倒序浏览
本帖最后由 414408929 于 2012-10-29 11:40 编辑

情况如下:
页面A.html中放置了一个mini-tabs, mini.tabs的加载如下:
var Tabs= mini.get("Tabs1");
var TT1 = { title: "111", url: "111.html"};
var TT2= { title: "222", url: "222.html"};
var TT3= { title: "333", url: "333.html"};
var TT4 = { title: "|=>", headerStyle: 'color:Red; font-weight:bold;', enabled: false };
var TT5= { title: "555", url: "555.html"};
Tabs.addTab(TT1 );
Tabs.addTab(TT2 );
Tabs.addTab(TT3 );
Tabs.addTab(TT4 );
Tabs.addTab(TT5 );

问题1:切换时,如何让各个Tab可以有不同的高度(自定义tab的高度),在Tabs的API的Tab中有这样一个属性:bodyCls或bodyStyle
但是:
var TT1 = { title: "111", url: "111.html",bodyStyle:"height:400px;"};
var TT2 = { title: "222", url: "222.html",bodyStyle:"height:800px;"};
是无效的?当如何设置呢?

问题2:tab的url页中(如:111.html),如何同步更新A.html的字段值


Rank: 8Rank: 8

沙发
发表于 2012-10-29 12:03:57 |只看该作者
1.这个无法做到,只能是统一固定高度,或者自动撑满。
2.使用window.Owner.XXX();
XXX是你的父页面A.html中的一个方法,111.html可以执行到XXX();XXX()里面放更新A.html字段

Rank: 2

板凳
发表于 2012-10-30 12:11:37 |只看该作者
本帖最后由 414408929 于 2012-10-30 12:27 编辑
factory 发表于 2012-10-29 12:03
1.这个无法做到,只能是统一固定高度,或者自动撑满。
2.使用window.Owner.XXX();
XXX是你的父页面A.html中 ...

太谢谢您了

关于第一个问题:我可以这样实现吗?通过beforeactivechanged事件动态的自定义是:auto还是设置一个高度Height

但问题是:如何动态的设置呢?
var tabs = mini.get("tabs1");
var index = tabs.getActiveIndex();
if (index >3) {
       tabs.set("Style","height:500px;");
}
else {
      tabs.set("Style", "");
}

测试又是无效的,请问:如何动态的设置auto或高度Height呢?

Rank: 8Rank: 8

地板
发表于 2012-10-30 13:15:00 |只看该作者
414408929 发表于 2012-10-30 12:11
太谢谢您了

关于第一个问题:我可以这样实现吗?通过beforeactivechanged事件动态的自定义是:auto还是设 ...

设置高度的话
var tabs = mini.get("tabs");
tabs.setHeight("400px");
miniui控件属性都支持set跟get

Archiver|普加软件

GMT+8, 2024-11-6 23:20 , Processed in 1.054017 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部