jQuery MiniUI

标题: tabs 高度问题与url页里如何更新父中的数据 [打印本页]

作者: 414408929 时间: 2012-10-29 11:38:04 标题: tabs 高度问题与url页里如何更新父中的数据

本帖最后由 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的字段值

作者: factory 时间: 2012-10-29 12:03:57

1.这个无法做到，只能是统一固定高度，或者自动撑满。
2.使用window.Owner.XXX();
XXX是你的父页面A.html中的一个方法，111.html可以执行到XXX()；XXX()里面放更新A.html字段

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

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

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