首页 教程 API文档

tab项模块

2015-10-30 13:44:16

属性


使用频率
所属模块 TabPanel
依赖组件 TabButton
成员类型 内部模块

描述


tabItem是TabPanel中的内部模块,无法被直接使用,仅仅会在添加或插入tab项的时候根据传递的参数选项进行自动创建, tabItem会自动创建TabButton和Tab面板,TabButton和面板的配置也是在tabItem内部完成创建的.

参数选项


名称 类型 默认值 描述
button Object null 该选项为tab按钮的配置选项,选项值为创建TabButton的参数选项,或者可以设置为一个文字,那么该文字就会作为创建TabButton时候 的text选项值.
content Object null

该选项为tab面板的配置选项,tabItem会创建一个widget

如果该选项值为一个字符串,那么该字符串将会作为tab面板的文本内容来显示.

如果该选项值为widget实例对象,那么tabItem就会创建一个VBoxLayout将该widget实例对象 放入其中,而这个VBoxLayout将会被渲染到面板的widget中.

如果该选项值为一个layout实例对象,那么该layout实例对象就会被渲染到面板widget中.

或者该选项值也可以是一个普通的参数选项,指定了ui键的参数选项,那么tabItem就会根据这个参数选项 而创建一个widget对象,并且作为tab面板.(如果没有ui键来指明要创建什么组件,那么默认为widget)

相关例子



var tabs = Std.ui("TabPanel",{
    width:350,
    height:300,
    deferRender:true,
    renderTo:"body",
    items:[
       {
            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"
            }
        }
    ]
});