Tab组件

Tab组件是一个标签容器组件,每个标签对应一个页面。

Tab定义

在screen文件中我们通过<a:tabPanel>标签来定义tab的一个对象容器,用<a:tab>标签定义每一个tab对象.

                
		<a:tabPanel height="300" width="400">
		    <a:tabs>
		        <a:tab prompt="1" selected="true">
		            <a:hBox>
		                <a:form id="window" title="sys.sys_menu">
		                    <div style="height:200px;width:200px;border:1px solid #000000">
		                    </div>
		                </a:form>
		                <a:form id="window2" title="hard code menu">
		                    <div style="height:200px;width:300px;border:1px solid #000000">
		                    </div>
		                </a:form>
		            </a:hBox>
		        </a:tab>
		        <a:tab prompt="2" ref="datepicker.screen"/>
		        <a:tab prompt="3"><span>tab demo!</span></a:tab>
		    </a:tabs>
		</a:tabPanel>
		

生成的界面如下:

tabPanel标签下定义了tabs标签,tabs标签中每个tab标签即一个标签页。tab标签的属性prompt定义了标签的标题,selected属性定义了标签页是否被选中。

tab标签下可以直接编写screen标签代码,也可以通过属性ref指定引用screen页面的路径,引用页面是延迟加载的,只有当页面被选中时,才会首次加载。

Tab标签属性

Table 1. 

属性名 用途 默认值 是否必填
bodyClassName 标签容器的样式表。
bodyStyle 标签容器的样式。
prompt 标签显示的标题。
ref 标签引用页的screen文件。
selected 标签页是否被选中。 false
closeable 标签是否可关闭。 false
disabled 标签是否不可用。 false
tabClassName 标签的样式表。
tabStyle 标签的样式