首页 教程 API文档

插入tab项

2015-11-17 15:47:13

属性


使用频率 中低
所属UI模块 TabPanel
参考组件 tabItem
成员类型 公有成员函数

描述


insertTab方法用于创建一个tabItem并且插入到指定的索引位置,该方法接受一个参数选项,或者一个包含多个参数选项的数组,该参数选项会用于创建tabItem,而 tabItem包含了Tab按钮和Tab面板.

语法



Object insertTab(Object option,Number index);
Object insertTab(Object option,Number index,Boolean check);
        

参数


名称 类型 描述
option Object 需要插入的面板项的参数选项
index Number 需要插入到的索引位置
check Boolean 是否对DOM进行检查,如果为true,则会检查Tab按钮长度是否超出,并且更新布局, 如果为false,则需要手动执行tabBarOverflowCheck和updateLayout方法,通常情况下 在一次性插入大量tab项时候可以设置为false,可以提升性能.

返回值


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",
            styleType:"icon",
            closable:true
        },
        content:{
            url:"src/1.txt"
        }
    },{
        button:"tabButton2",
        content:{
            iframe:"http://www.baidu.com"
        }
    }
]);
tabs.insertTab(,{
    button:{
        icon:"images/play.png",
        text:"tabButton1",
        styleType:"textBesideIcon"
    },
    content:"aaaaaaaaaaaa"
},1);