jQuery MiniUI

标题: 关于tab面板切换事件 [打印本页]

作者: lixiaoliang7 时间: 2012-10-8 07:36:31 标题: 关于tab面板切换事件

<div id="tabs1" class="mini-tabs" activechanged="changeTabs" beforeactivechanged="test" activeindex="0" style="width: 100%;
         height: 100%;" bodystyle="padding:3;">
      </div>

我是在tab的div上添加的activechanged和beforeactivechanged，但是切换面板时无法触发事件。。。
function test() {          alert("test");       }
      function changeTabs(sender, tab) {          alert(sender.title + "__" + tab.title);       }
我哪里写的有问题呢。
另外，我想在切换面板事件中，获取切换前面板，切换至面板中的内容，应如何获取？

作者: niko 时间: 2012-10-8 08:58:37

activechanged是tabs对象的，而不是tab子面板对象。

作者: lixiaoliang7 时间: 2012-10-8 09:09:36

有没有相关DEMO，这两个事件不知如何用。

作者: factory 时间: 2012-10-8 09:26:02

lixiaoliang7 发表于 2012-10-8 09:09
有没有相关DEMO，这两个事件不知如何用。

activechanged跟beforeactivechanged是相对于你的id为tabs的tabs的,不是设置给单独的tab选项卡的.
你把这两个事件写在tabs上就可以了

作者: lixiaoliang7 时间: 2012-10-8 10:45:39

[attach]723[/attach]

我就是这么加的…当切换tab时，事件无法触发

作者: xuefly 时间: 2012-10-8 10:56:37

本帖最后由 xuefly 于 2012-10-8 11:00 编辑

这个我一眼看出来了

，你没有加on。onactivechanged="changeTabs"。加前缀"on"应该是miniui的一个约定，不过最好不要把事件响应方法直接写在html元素上注册，miniui有第二种注册方式通过on("事件名",响应方法)的方式写在单独的js文件里使表现和逻辑分开。

作者: lixiaoliang7 时间: 2012-10-8 11:13:52

非常感谢

作者: lixiaoliang7 时间: 2012-10-8 11:45:26

我看了API文档。
activechanged
{
sender: Object
tab: Object
}
面板切换时发生

切换事件是这么描述的。
我想获取切换前的tab和切换后的tab中的内容，请问我如何做

作者: factory 时间: 2012-10-8 14:01:40

lixiaoliang7 发表于 2012-10-8 11:45
我看了API文档。
activechanged
{

onactivechanged="changeTabs"
function changeTabs(e){
e.tab //就是你点击的那个选项卡
}

作者: lixiaoliang7 时间: 2012-10-8 16:26:10

如何我想获取该选项卡的内容呢？
我的选项卡是这样创建的：
var url = "";
      if (provinceId == "") {
         url = "qylsjph_all.htm";
      }
      else {
         url = "qylsjph_province.htm";
      }
      var param = "provinceId=" + provinceId;
      param = encodeURI(param);
      url = url + "?" + param
      //add tab
      tab = { title: tabTitle, url: url, showCloseButton: tabTitle != "全国" ? true : false };

      tab = tabs.addTab(tab);
      tabs.activeTab(tab);

也就是说每个选项卡皆有自己的页面，每个页面都会有一些js信息，我想每次切换时获取，请问是否可以。(我试了一下，似乎不成)

作者: factory 时间: 2012-10-8 16:46:14

lixiaoliang7 发表于 2012-10-8 16:26
如何我想获取该选项卡的内容呢？
我的选项卡是这样创建的：
var url = "";

获取到子页面对象tabs.getTabIFrameEl(tab),是个iframe
然后就可以获取到内容了

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