首页 教程 API文档

选中指定tab面板

2015-10-29 17:05:51

属性


使用频率
所属UI模块 TabPanel
成员类型 公有成员函数

描述


select方法用于选中指定的tab项,使用select方法来选中tab项的时候可以传递一个指定的索引号,同时也可以传递以下的字符串:

名称 描述
first 选中第一个tab项
last 选中最后一个tab项

当tab项被选中之后会同时触发selectTab事件.

语法



Object select(Number index);
Object select(String type);
        

参数


名称 类型 描述
index Number 需要选中的tab项的索引号
type String 需要选中的tab项的类型

返回值


this对象

相关例子



var tabs = Std.ui("TabPanel",{
    width:350,
    height:300,
    deferRender:true,
    renderTo:"body"
});
tabs.append([
   {
        button:"first",
        content:{
            layout:{
                ui:"VBoxLayout",
                items:[
                    {ui:"Button",text:"aaa"},
                    {ui:"LineEdit"},
                    {ui:"TextEdit"}
                ]
            }
        }
    },{
        button:{
            icon:"images/play.png",
            text:"tabButton1",
            styleType:"textBesideIcon"
        },
        content:"aaaaaaaaaaaa"
    },{
        button:{
            icon:"images/play.png",
            styleType:"icon",
            closable:true
        },
        content:{
            url:"src/1.txt"
        }
    },{
        button:"tabButton2",
        content:{
            iframe:"http://www.baidu.com"
        }
    }
]);
tabs.select(1);