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页面的路径,引用页面是延迟加载的,只有当页面被选中时,才会首次加载。