关于tab面板切换事件

lixiaoliang7

<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

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

lixiaoliang7

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

factory

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

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

lixiaoliang7

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

xuefly

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

lixiaoliang7

非常感谢

lixiaoliang7

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

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

factory

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

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

lixiaoliang7

如何我想获取该选项卡的内容呢？
我的选项卡是这样创建的：
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信息，我想每次切换时获取，请问是否可以。(我试了一下，似乎不成)