[Reference] Tab

2011-11-21 15:22:57by ???

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 标签的样式

Demo
    Attachments

      Comments

      0 Responses to the article

      暂时没有评论。

      发表评论