首页 教程 API文档

追加tab项

2015-11-18 09:01:51

属性


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

描述


append方法用于在TabPanel中追加新的Tab项,该方法接受一个参数选项,或者一个包含多个参数选项的数组,该参数选项会用于创建tabItem,而 tabItem包含了Tab按钮和Tab面板.

语法



Object append(Object option);
Object append(Array options);
        

参数


名称 类型 描述
option Object tabItem的参数选项
options Array 包含参数选项的数组

返回值


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"
        }
    }
]);