3.5.2.1.52. 树形表格

在线示例

API 文档

TreeTable 组件是在最左列显示一个”树结构”的具有层级关系的表格。这个组件用于具有自引用关系的实体。比如，文件系统或公司的组织结构图。

组件的 XML 名称: treeTable

TreeTable 组件的 dataContainer 属性应该包含指向集合数据容器的引用。hierarchyProperty 属性定义实体的一个属性，此属性也指向相同的实体。

下面是一个在界面 XML 描述中定义 treeTable 组件的示例:

<data readOnly="true">
    <collection id="departmentsDc" class="com.company.sales.entity.Department" view="_local">
        <loader id="departmentsDl">
            <query>
                <![CDATA[select e from sales_Department e]]>
            </query>
        </loader>
    </collection>
</data>
<layout>
    <treeTable id="departmentsTable" dataContainer="departmentsDc" hierarchyProperty="parentDept" width="100%">
        <columns>
            <column id="name"/>
            <column id="active"/>
        </columns>
    </treeTable>
</layout>

TreeTable 的功能与简单的Table组件相似。

treeTable 的属性

align - aggregatable - aggregationStyle - caption - captionAsHtml - columnControlVisible - contextHelpText - contextHelpTextHtmlEnabled - contextMenuEnabled - css - dataContainer - description - descriptionAsHtml - editable - emptyStateLinkMessage - emptyStateMessage - enable - box.expandRatio - height - id - multiLineCells - multiselect - presentations - reorderingAllowed - settingsEnabled - sortable - stylename - tabIndex - textSelectionEnabled - visible - width

treeTable 的元素

actions - buttonsPanel - columns - rows - rowsCount

columns 的属性

includeAll - exclude

column 的属性

align - caption - captionProperty - collapsed - dateFormat - editable - expandRatio - id - link - linkInvoke - linkScreen - linkScreenOpenType - maxTextLength - optionsDatasource - resolution - sort - sortable - visible - width

column 的元素

aggregation - formatter

aggregation 的属性

editable - strategyClass - type - valueDescription

rows 的属性

datasource

API

addColumnCollapseListener - addSelectionListener - getAggregationResults - setAggregationDistributionProvider - setClickListener - setEmptyStateLinkClickHandler