[Reference] Table

2011-11-21 15:40:25by ???

Table组件

Table组件是一个数据UI组件,类似于Grid组件。

Table定义

在screen文件中我们通过<a:table>标签来定义一个table对象.

<a:table id="sys_user_define_grid" bindTarget="sys_user_result_ds" percentWidth="90"
	style="margin:7px;" navBar="true" navBarType="simple" title="SYS_USER.USER_SEARCH">
    <a:columns>
        <a:column>
            <a:column name="user_name" footerRenderer="frdr" percentWidth="10"/>
            <a:column name="description" editor="description_tf" percentWidth="20"/>
        </a:column>
        <a:column name="start_date" align="center" footerRenderer="frdr"
		percentWidth="10" renderer="Aurora.formatDate"/>
        <a:column name="end_date" align="center" percentWidth="10" renderer="Aurora.formatDate"/>
        <a:column name="frozen_flag_display" align="center" percentWidth="10"/>
        <a:column name="frozen_date" align="center" editor="frozen_date_table_dp"
		percentWidth="10" renderer="Aurora.formatDate"/>
        <a:column name="assign_role" align="center" percentWidth="10" prompt="SYS_USER.ROLE_ASSIGN"
		renderer="assignRole"/>
        <a:column name="set_password" align="center" percentWidth="10" prompt="MODIFY_PASSWORD"
		renderer="setPassword"/>
        <a:column name="edit" align="center" percentWidth="10" prompt="HAP_EDIT" renderer="editUser"/>
    </a:columns>
    <a:editors>
        <a:datePicker id="frozen_date_table_dp"/>
        <a:textField id="description_tf"/>
    </a:editors>
</a:table>            

生成的界面如下:

Table与Grid的异同

Table 1. 

异同项 Grid Table
没有height属性,高度是自适应高度,随着行数的增加而增高。 ×
通过percentWidth属性,宽度能设成百分比宽度。 ×
通过title属性能设置标题。 ×
有锁定列的功能。 ×
有调整列宽的功能。 ×
有排序功能。 ×
有工具栏toolBar。 ×

Demo
    Attachments

      Comments

      0 Responses to the article

      暂时没有评论。

      发表评论